@gyselroth/icon-collection v1.0.13

Overview

npm GitHub release GitHub license

This library provides an icon collection based on svg.

Installation

npm --save install @gyselroth/icon-collection

Usage example

<div class="gr-icon gr-i-file"></div>

Colorize your icons

You can use an icon with any color you like. If you do you have to switch from the css class `gr-icon` to `gr-masgr-icon`. An icon with gr-masgr-icon takes the color from `background-color`.

<div style="background-color: #F01;" class="gr-masgr-icon gr-i-file"></div>

Browser support

If you want to use color masks, please see browser support for css masks

access-control
add
adjust
alert
book
bookmark
calendar
chart
chat
check
checkmark
class-book
class-book-flip
file-burl
clock
clear
close-panel
cmd
cog
columns
connector
copy
crop
cut
dashboard
day
deny
desktop
device
dialogue
dimension
download
drag
drag-active
duplicate
emoticon
empty
event-available
error
excused
exit
favorite
filter
fingerprint
flag
full
fullscreen
funnel
grid
group
group-add
group-elements
half
help
hint
home
hourglass
info
insert-file
insert-m
insert-n
insert-s
interruption
kpi
language
laptop
lock
logout
mail
map
file-markdown
maximize
minimize
minus
note
note-fill
open-in-browser
open-in-new
open-panel
paste
pause
pencil
person
person-add
pin
place
play
plus
preview
print
quarter
redo
refresh
remove
restore
restore-trash
rotate-ccw
rotate-cw
rows
rss-feed
save
search
seek-e
seek-n
seek-s
seek-w
settings
shuffle
sort-asc
sort-desc
sort-sum
swap-horiz
swap-vert
sync
tag
trash
three-quarters
undo
unexcused
unfold
ungroup-elements
unlock
upload
volume-mute
volume-up
warning
warning-fill
close
zoom-in
zoom-out
apps
arrow-e
arrow-n
arrow-s
arrow-w
arrowhead-e
arrowhead-n
arrowhead-s
arrowhead-w
collapse
collapse-horiz
expand
expand-horiz
menu
more
back-color
bold
html
hyperlink
hyperlink-remove
image
indent
insert-ordered-list
insert-unordered-list
italic
justify-center
justify-full
justify-left
justify-right
outdent
strikethrough
underline
heading-big
heading-medium
heading-small
quote
app-download
checked-false
checked-true
cloud
cloud-upload
file
file-archive
file-data
file-drag
file-excel
file-image
file-movie
file-music
file-pdf
file-powerpoint
file-presentation
file-text
file-word
file-add
folder
folder-add
folder-filter
folder-filter-received
folder-filter-shared
folder-locked
folder-received
folder-shared
folder-storage-received
folder-storage-shared
folder-storage
folder-system
folder-uplaod
text-edit