Native UTF-8 symbols in the form of brutal icons.
requires:
core/css/bicons.css
Most browsers support some basic symbols, with no dependencies. bIcons allows you to render native UTF-8 symbols by applying classes! Keep in mind that various browsers may render symbols differently. Simply use the following markup, where "icon-name" is any of the below class names.
<i class="bi bi-icon-name"></i>
XML DATA
A full list of all bIcon data can be found at: core/data/xml/bicons.xml.
Apply these classes to change the icon size. The .bi-fi class is fluid and resizes in proportion to the screen size.
EXAMPLE: A dangerous red-flag icon that is four times it's original size would have the following markup:
<i class="bi bi-red-flag bi-4x></i>
OUTPUT:
The filetype icons library allows you to automatically prepend icons to lists of linked files. Over 400 filetypes are supported.
Simply load the filetypes CSS script from:
/core/css/filetypes.css
See demo for more details »