introduction
customization
ConfigurationThemeColorsIconsElementsHelpers
elements
helpers
packages
guides
recipes
Icons

We provide a collection of hand-crafted and pure CSS icons that can be used as a preset for the siimple toolkit. After enabling the preset, you can use the classname pattern icon-<icon-name> for including the icons in your HTML:

<i class="icon-star"></i>
Adding icons

The icons package is included when you install the siimple package framework, so you can just import icons styles in your siimple.config.js file:

siimple.config.js
import icons from "@siimple/preset-icons";

export default {
    styles: {
        ...icons.styles,
        // ...other styles
    },
    // ...other configuration
};
Available icons

The following icons are available:

171 icons
align-center
align-justify
align-left
align-right
announcement
archive
arrow-down
arrow-left
arrow-right
arrow-up
arrows
attachment
backpack
bars
basket
bell
bold
book
bookmark
box
briefcase
bring-forward
brush
calendar
camera
cart
chart-bar
chart-line
check
chevron-down
chevron-left
chevron-right
chevron-up
circle
circle-half
clipboard
clock
clone
cloud
cloud-download
cloud-upload
code
coffee
comment
compress
copy
corner
credit-card
crop
cross
cut
dashboard
desktop
diamond
directions
discount
disk
dna
download
edit
envelope
erase
exclamation
expand
external-link
face-laugh
face-meh
face-sad
face-smile
face-surprise
face-wink
factory
file
file-archive
file-empty
file-image
fill
filter
flask
folder
folder-open
font
gear
gift
grid
heart
hidden
house
image
inbox
info
italic
keyboard
laptop
layers
lightbulb
link
list-ol
list-ul
location
lock
map
minus
mobile
money
moon
mouse
note
notepad
palette
paste
pause
pen
play
plus
pointer
potion
presentation
print
puzzle
question
quote
redo
resize
rocket
ruler
search
search-minus
search-plus
send-backward
server
shapes
share
shield
shield-check
shield-cross
siimple
sliders
square
square-half
square-stroke
star
step-backward
step-forward
stop
sun
table
tablet
tag
tasks
terminal
text
thumbtack
ticket
tools
trash
trophy
underline
undo
unlock
upload
user
user-minus
user-plus
vector
visible
volume-down
volume-mute
volume-up
wallet
window
Designed, built and maintained with by @jmjuanes.
Code is licensed under MIT, documentation under Creative Commons Attribution 4.0.