dyIcons

Project

Share
dyIcons logo

Icons for your projects.

You get over 400+ icons for FREE!!!

license npm version

Become a Patron

If you find this project useful then feel free to back it. I'm on Patreon

Become a Patron!

Feeling generous

Buy me a cup of tea Donate via PayPal

Contents

License

It's free and released under MIT License.


Getting started

You can start using this plugin in your project in any of the following ways.

YouTube Playlist

Watch the videos.

Starter template

In the following example we have a starter template to get started.

<!DOCTYPE html>
<html>
  <head>
    <title>Index Page</title>
  </head>
  <body>

    <!-- heart image -->
    <img src="https://cdn.jsdelivr.net/npm/dyicons@0.4.3/dist/svg/dyicon-heart-o.svg" alt="heart" />

  </body>
</html>

The dist directory

You will find the icons inside the dist directory.

How to use?

If you want to use the heart icon then the icon name is dyicon-heart and the file name is dyicon-heart.svg.

Sample:

dyicons dyicon-heart

Using inside img tag

<img src="path/to/dyIcons/dist/svg/dyicon-heart.svg" alt="heart" />

ES6

import dyIconHeart from 'dyicons/dist/svg/dyicon-heart.svg';

Icons cheatsheet Total 434 icons


All Icons

Click the icon to copy the link.

dyicons ad

ad

dyicons adjust

adjust

dyicons align-center

align-center

dyicons align-justify

align-justify

dyicons align-left

align-left

dyicons align-right

align-right

dyicons angle-double-down

angle-double-down

dyicons angle-double-down-circle

angle-double-down-circle

dyicons angle-double-down-circle-o

angle-double-down-circle-o

dyicons angle-double-left

angle-double-left

dyicons angle-double-left-circle

angle-double-left-circle

dyicons angle-double-left-circle-o

angle-double-left-circle-o

dyicons angle-double-right

angle-double-right

dyicons angle-double-right-circle

angle-double-right-circle

dyicons angle-double-right-circle-o

angle-double-right-circle-o

dyicons angle-double-up

angle-double-up

dyicons angle-double-up-circle

angle-double-up-circle

dyicons angle-double-up-circle-o

angle-double-up-circle-o

dyicons angle-down

angle-down

dyicons angle-left

angle-left

dyicons angle-right

angle-right

dyicons angle-up

angle-up

dyicons archive

archive

dyicons arrow-down

arrow-down

dyicons arrow-down-circle

arrow-down-circle

dyicons arrow-down-circle-o

arrow-down-circle-o

dyicons arrow-down-circle-o-rounded

arrow-down-circle-o-rounded

dyicons arrow-down-circle-rounded

arrow-down-circle-rounded

dyicons arrow-down-rounded

arrow-down-rounded

dyicons arrow-left

arrow-left

dyicons arrow-left-circle

arrow-left-circle

dyicons arrow-left-circle-o

arrow-left-circle-o

dyicons arrow-left-circle-o-rounded

arrow-left-circle-o-rounded

dyicons arrow-left-circle-rounded

arrow-left-circle-rounded

dyicons arrow-left-rounded

arrow-left-rounded

dyicons arrow-right

arrow-right

dyicons arrow-right-circle

arrow-right-circle

dyicons arrow-right-circle-o

arrow-right-circle-o

dyicons arrow-right-circle-o-rounded

arrow-right-circle-o-rounded

dyicons arrow-right-circle-rounded

arrow-right-circle-rounded

dyicons arrow-right-rounded

arrow-right-rounded

dyicons arrow-up

arrow-up

dyicons arrow-up-circle

arrow-up-circle

dyicons arrow-up-circle-o

arrow-up-circle-o

dyicons arrow-up-circle-o-rounded

arrow-up-circle-o-rounded

dyicons arrow-up-circle-rounded

arrow-up-circle-rounded

dyicons arrow-up-rounded

arrow-up-rounded

dyicons arrows

arrows

dyicons arrows-h

arrows-h

dyicons arrows-v

arrows-v

dyicons asterisk

asterisk

dyicons asterisk-o

asterisk-o

dyicons at

at

dyicons backspace

backspace

dyicons backward

backward

dyicons ban

ban

dyicons band-aid

band-aid

dyicons bar

bar

dyicons barcode

barcode

dyicons battery-empty

battery-empty

dyicons battery-full

battery-full

dyicons battery-half

battery-half

dyicons battery-quarter

battery-quarter

dyicons battery-three-quarters

battery-three-quarters

dyicons bold

bold

dyicons bolt

bolt

dyicons bolt-o

bolt-o

dyicons book

book

dyicons bookmark

bookmark

dyicons bookmark-o

bookmark-o

dyicons bookmark-o-rounded

bookmark-o-rounded

dyicons bookmark-rounded

bookmark-rounded

dyicons briefcase

briefcase

dyicons briefcase-medical

briefcase-medical

dyicons bullseye

bullseye

dyicons calculator

calculator

dyicons calendar

calendar

dyicons calendar-check

calendar-check

dyicons calendar-check-o

calendar-check-o

dyicons calendar-minus

calendar-minus

dyicons calendar-minus-o

calendar-minus-o

dyicons calendar-o

calendar-o

dyicons calendar-plus

calendar-plus

dyicons calendar-plus-o

calendar-plus-o

dyicons calendar-times

calendar-times

dyicons calendar-times-o

calendar-times-o

dyicons camera

camera

dyicons camera-o

camera-o

dyicons camera-retro

camera-retro

dyicons caret-down

caret-down

dyicons caret-down-rounded

caret-down-rounded

dyicons caret-down-square

caret-down-square

dyicons caret-down-square-o

caret-down-square-o

dyicons caret-down-square-o-rounded

caret-down-square-o-rounded

dyicons caret-down-square-rounded

caret-down-square-rounded

dyicons caret-left

caret-left

dyicons caret-left-rounded

caret-left-rounded

dyicons caret-left-square

caret-left-square

dyicons caret-left-square-o

caret-left-square-o

dyicons caret-left-square-o-rounded

caret-left-square-o-rounded

dyicons caret-left-square-rounded

caret-left-square-rounded

dyicons caret-right

caret-right

dyicons caret-right-rounded

caret-right-rounded

dyicons caret-right-square

caret-right-square

dyicons caret-right-square-o

caret-right-square-o

dyicons caret-right-square-o-rounded

caret-right-square-o-rounded

dyicons caret-right-square-rounded

caret-right-square-rounded

dyicons caret-up

caret-up

dyicons caret-up-rounded

caret-up-rounded

dyicons caret-up-square

caret-up-square

dyicons caret-up-square-o

caret-up-square-o

dyicons caret-up-square-o-rounded

caret-up-square-o-rounded

dyicons caret-up-square-rounded

caret-up-square-rounded

dyicons chart-area

chart-area

dyicons chart-bar

chart-bar

dyicons chart-line

chart-line

dyicons chart-pie

chart-pie

dyicons check

check

dyicons check-circle

check-circle

dyicons check-circle-o

check-circle-o

dyicons check-square

check-square

dyicons check-square-o

check-square-o

dyicons chessboard

chessboard

dyicons circle

circle

dyicons circle-notch

circle-notch

dyicons circle-o

circle-o

dyicons clipboard

clipboard

dyicons clipboard-o

clipboard-o

dyicons clock

clock

dyicons clock-o

clock-o

dyicons cloud

cloud

dyicons cloud-download

cloud-download

dyicons cloud-download-o

cloud-download-o

dyicons cloud-o

cloud-o

dyicons cloud-upload

cloud-upload

dyicons cloud-upload-o

cloud-upload-o

dyicons coffee

coffee

dyicons coffee-o

coffee-o

dyicons cog

cog

dyicons cog-o

cog-o

dyicons cogs

cogs

dyicons cogs-o

cogs-o

dyicons comment

comment

dyicons comment-dots

comment-dots

dyicons comment-dots-o

comment-dots-o

dyicons comment-dots-r

comment-dots-r

dyicons comment-dots-r-o

comment-dots-r-o

dyicons comment-o

comment-o

dyicons comment-r

comment-r

dyicons comment-r-o

comment-r-o

dyicons comment-slash

comment-slash

dyicons comment-slash-o

comment-slash-o

dyicons comment-slash-r

comment-slash-r

dyicons comment-slash-r-o

comment-slash-r-o

dyicons compass

compass

dyicons compass-o

compass-o

dyicons compress

compress

dyicons database

database

dyicons desktop

desktop

dyicons dice-five

dice-five

dyicons dice-five-o

dice-five-o

dyicons dice-four

dice-four

dyicons dice-four-o

dice-four-o

dyicons dice-one

dice-one

dyicons dice-one-o

dice-one-o

dyicons dice-six

dice-six

dyicons dice-six-o

dice-six-o

dyicons dice-three

dice-three

dyicons dice-three-o

dice-three-o

dyicons dice-two

dice-two

dyicons dice-two-o

dice-two-o

dyicons divide

divide

dyicons divide-circle

divide-circle

dyicons divide-circle-o

divide-circle-o

dyicons divide-square

divide-square

dyicons divide-square-o

divide-square-o

dyicons divide-square-o-rounded

divide-square-o-rounded

dyicons divide-square-rounded

divide-square-rounded

dyicons download

download

dyicons eject

eject

dyicons ellipsis-h

ellipsis-h

dyicons ellipsis-h-o

ellipsis-h-o

dyicons ellipsis-v

ellipsis-v

dyicons ellipsis-v-o

ellipsis-v-o

dyicons envelope

envelope

dyicons envelope-o

envelope-o

dyicons envelope-open

envelope-open

dyicons envelope-open-o

envelope-open-o

dyicons equals

equals

dyicons equals-circle

equals-circle

dyicons equals-circle-o

equals-circle-o

dyicons equals-square

equals-square

dyicons equals-square-o

equals-square-o

dyicons equals-square-o-rounded

equals-square-o-rounded

dyicons equals-square-rounded

equals-square-rounded

dyicons expand

expand

dyicons fast-backward

fast-backward

dyicons fast-forward

fast-forward

dyicons file

file

dyicons file-minus

file-minus

dyicons file-o

file-o

dyicons file-plus

file-plus

dyicons file-plus-minus-o

file-plus-minus-o

dyicons file-plus-o

file-plus-o

dyicons filter

filter

dyicons filter-o

filter-o

dyicons folder

folder

dyicons folder-minus

folder-minus

dyicons folder-minus-o

folder-minus-o

dyicons folder-o

folder-o

dyicons folder-open

folder-open

dyicons folder-open-o

folder-open-o

dyicons folder-plus

folder-plus

dyicons folder-plus-o

folder-plus-o

dyicons forward

forward

dyicons frown

frown

dyicons frown-o

frown-o

dyicons gavel

gavel

dyicons gavel-h

gavel-h

dyicons gavel-tilt

gavel-tilt

dyicons ghost

ghost

dyicons ghost-o

ghost-o

dyicons gift

gift

dyicons grid

grid

dyicons grid-h

grid-h

dyicons grid-h-o

grid-h-o

dyicons grid-o

grid-o

dyicons grid-v

grid-v

dyicons grid-v-o

grid-v-o

dyicons headphone

headphone

dyicons headset

headset

dyicons headset-alt

headset-alt

dyicons heart

heart

dyicons heart-o

heart-o

dyicons hourglass

hourglass

dyicons id-badge

id-badge

dyicons id-badge-o

id-badge-o

dyicons id-card

id-card

dyicons id-card-o

id-card-o

dyicons image

image

dyicons image-o

image-o

dyicons indent

indent

dyicons industry

industry

dyicons industry-o

industry-o

dyicons italic

italic

dyicons laptop

laptop

dyicons laptop-o

laptop-o

dyicons list

list

dyicons list-ol

list-ol

dyicons list-ol-square

list-ol-square

dyicons list-ol-square-o

list-ol-square-o

dyicons list-square

list-square

dyicons list-square-o

list-square-o

dyicons list-ul

list-ul

dyicons list-ul-square

list-ul-square

dyicons list-ul-square-o

list-ul-square-o

dyicons lock

lock

dyicons lock-o

lock-o

dyicons magnet

magnet

dyicons map

map

dyicons map-marked

map-marked

dyicons map-marked-alt

map-marked-alt

dyicons map-marked-o

map-marked-o

dyicons map-marked-o-alt

map-marked-o-alt

dyicons map-marker

map-marker

dyicons map-marker-alt

map-marker-alt

dyicons map-o

map-o

dyicons map-signs

map-signs

dyicons map-signs-o

map-signs-o

dyicons memory-chip

memory-chip

dyicons memory-chip-h

memory-chip-h

dyicons memory-chip-h-o

memory-chip-h-o

dyicons memory-chip-o

memory-chip-o

dyicons memory-chip-tilt

memory-chip-tilt

dyicons memory-chip-tilt-o

memory-chip-tilt-o

dyicons microphone

microphone

dyicons microphone-slash

microphone-slash

dyicons minus

minus

dyicons minus-circle

minus-circle

dyicons minus-circle-o

minus-circle-o

dyicons minus-square

minus-square

dyicons minus-square-o

minus-square-o

dyicons minus-square-o-rounded

minus-square-o-rounded

dyicons minus-square-rounded

minus-square-rounded

dyicons mobile

mobile

dyicons mobile-o

mobile-o

dyicons moon

moon

dyicons moon-o

moon-o

dyicons mountain

mountain

dyicons music

music

dyicons music-o

music-o

dyicons outdent

outdent

dyicons pause

pause

dyicons pause-circle

pause-circle

dyicons pause-circle-o

pause-circle-o

dyicons pause-circle-o-rounded

pause-circle-o-rounded

dyicons pause-circle-rounded

pause-circle-rounded

dyicons pause-rounded

pause-rounded

dyicons pencil

pencil

dyicons pencil-h

pencil-h

dyicons pencil-h-square

pencil-h-square

dyicons pencil-h-square-o

pencil-h-square-o

dyicons pencil-square

pencil-square

dyicons pencil-square-o

pencil-square-o

dyicons pencil-tilt

pencil-tilt

dyicons pencil-tilt-square

pencil-tilt-square

dyicons pencil-tilt-square-o

pencil-tilt-square-o

dyicons play

play

dyicons play-circle

play-circle

dyicons play-circle-o

play-circle-o

dyicons play-circle-o-rounded

play-circle-o-rounded

dyicons play-circle-rounded

play-circle-rounded

dyicons play-o

play-o

dyicons play-o-rounded

play-o-rounded

dyicons play-rounded

play-rounded

dyicons plug

plug

dyicons plug-h

plug-h

dyicons plug-h-o

plug-h-o

dyicons plug-o

plug-o

dyicons plus

plus

dyicons plus-circle

plus-circle

dyicons plus-circle-o

plus-circle-o

dyicons plus-square

plus-square

dyicons plus-square-o

plus-square-o

dyicons plus-square-o-rounded

plus-square-o-rounded

dyicons plus-square-rounded

plus-square-rounded

dyicons poll

poll

dyicons poll-h

poll-h

dyicons power-off

power-off

dyicons qrcode

qrcode

dyicons question

question

dyicons question-circle

question-circle

dyicons question-circle-o

question-circle-o

dyicons question-square

question-square

dyicons question-square-o

question-square-o

dyicons question-square-o-rounded

question-square-o-rounded

dyicons question-square-rounded

question-square-rounded

dyicons quote-left

quote-left

dyicons quote-right

quote-right

dyicons redo

redo

dyicons route

route

dyicons ruler-h

ruler-h

dyicons ruler-v

ruler-v

dyicons search-minus

search-minus

dyicons search-plus

search-plus

dyicons server

server

dyicons share

share

dyicons share-square

share-square

dyicons share-square-o

share-square-o

dyicons shopping-bag

shopping-bag

dyicons shopping-bag-o

shopping-bag-o

dyicons sign-out

sign-out

dyicons signal

signal

dyicons signal-half

signal-half

dyicons signal-low

signal-low

dyicons signal-quarter

signal-quarter

dyicons signal-three-quarters

signal-three-quarters

dyicons sitemap

sitemap

dyicons slider-h

slider-h

dyicons slider-v

slider-v

dyicons smile

smile

dyicons smile-o

smile-o

dyicons spinner

spinner

dyicons spinner-o

spinner-o

dyicons step-backward

step-backward

dyicons step-forward

step-forward

dyicons sticky-note

sticky-note

dyicons sticky-note-o

sticky-note-o

dyicons stop

stop

dyicons stop-circle

stop-circle

dyicons stop-circle-o

stop-circle-o

dyicons stop-circle-o-rounded

stop-circle-o-rounded

dyicons stop-circle-rounded

stop-circle-rounded

dyicons stop-rounded

stop-rounded

dyicons stopwatch

stopwatch

dyicons stopwatch-o

stopwatch-o

dyicons tablet

tablet

dyicons tablet-o

tablet-o

dyicons tag

tag

dyicons tags

tags

dyicons terminal

terminal

dyicons thermometer-empty

thermometer-empty

dyicons thermometer-full

thermometer-full

dyicons thermometer-half

thermometer-half

dyicons thermometer-quarter

thermometer-quarter

dyicons thermometer-third-quarters

thermometer-third-quarters

dyicons thumbs-down

thumbs-down

dyicons thumbs-down-o

thumbs-down-o

dyicons thumbs-up

thumbs-up

dyicons thumbs-up-o

thumbs-up-o

dyicons ticket

ticket

dyicons ticket-o

ticket-o

dyicons times

times

dyicons times-circle

times-circle

dyicons times-circle-o

times-circle-o

dyicons times-square

times-square

dyicons times-square-o

times-square-o

dyicons times-square-o-rounded

times-square-o-rounded

dyicons times-square-rounded

times-square-rounded

dyicons toggle-off

toggle-off

dyicons toggle-on

toggle-on

dyicons trash

trash

dyicons trash-o

trash-o

dyicons tshirt

tshirt

dyicons tshirt-o

tshirt-o

dyicons tv

tv

dyicons underline

underline

dyicons undo

undo

dyicons unlock

unlock

dyicons unlock-o

unlock-o

dyicons upload

upload

dyicons user

user

dyicons user-circle

user-circle

dyicons user-circle-o

user-circle-o

dyicons user-circle-slash

user-circle-slash

dyicons user-circle-slash-o

user-circle-slash-o

dyicons user-o

user-o

dyicons user-slash

user-slash

dyicons user-slash-o

user-slash-o

dyicons users

users

dyicons video

video

dyicons video-o

video-o

dyicons volume-full

volume-full

dyicons volume-low

volume-low

dyicons volume-mute

volume-mute

dyicons volume-off

volume-off

dyicons weight

weight

dyicons weight-o

weight-o

dyicons wifi

wifi

dyicons wrench

wrench

dyicons wrench-h

wrench-h

dyicons wrench-tilt

wrench-tilt

Share