CSS icons

This is an icon set brought to you by Creative Nerds. The set of icons is icons commonly needed for user interface design projects for mobile applications or web apps.

Getting Started

There is two ways you can use the icons in your web design projects. You can download the icons directly from our Git Hub page or use our CDN to import directly into your project.

1. Include the stylesheet

You can either download the icon set from Git Hub, ensuring you include the stylesheet and fonts in your project. The easier alternative method is you can use our CDN to reference the style sheet in your project.

<link href="https://cdn.jsdelivr.net/gh/creativenerds/essential-ui-icons@master/style.css" rel="stylesheet" /> 

2. Choose icon an icon set

Select an icon from the list at the bottom of the page for e.g. icon-cn-alarm—icon. Then simple enter the class name to use the icon in an HTML document.

<i class="cn-truck"></i> 

3. Finshed

The icon set is a font family. Don’t forget you can customise the icon via CSS, as you would a font.: red; font-size:100px;}

.cn-truck{color: red; font-size:100px;}

Terms of use

This icon set is 100% free and can be used however you please. We only request that you do not redistribute this icon set. Your more than welcome to credit the icon set on the site or page it is used on, but this optional not compulsory.

cn-reload1

cn-up-arrow

cn-down-arrow

cn-right-arrow

cn-left-arrow

cn-go-left

cn-go-right

cn-go-down

cn-go-up

cn-up-and-left

cn-down-and-right

cn-loop

cn-calculation

cn-tungsten-bulb

cn-zoom-out

cn-zoom-in

cn-zoom

cn-business-man

cn-id-card

cn-floppy

cn-loss

cn-profit

cn-stcok-decrease

cn-stock-increase

cn-abacus

cn-calculator

cn-profit-loss-board

cn-finance-board

cn-music-board

cn-play-board

cn-picture-board

cn-board

cn-profit-board

cn-box

cn-bag

cn-suitcase-3

cn-suitcase-2

cn-suitcase

cn-shredder

cn-printer

cn-file-storage

cn-drawer

cn-sand-time

cn-dustbin

cn-recycle-bin

cn-call-mute

cn-call-loudspeaker

cn-call-answer

cn-old-telephone

cn-land-line-phone

cn-wall-clock

cn-alarm

cn-wrist-watch

cn-key

cn-files

cn-paper-plane

cn-paint-brush

cn-pin

cn-eraser

cn-scissor

cn-pencil-scale

cn-scale

cn-pen-point

cn-feather

cn-pen

cn-crayons

cn-pencil

cn-page-linked

cn-folder-linked

cn-page-connected

cn-folder-connected

cn-storage-connected

cn-iphone-connector

cn-usb-pen-drive

cn-pin-plug

cn-pin-plug1

cn-paint-palette

cn-wifi-low-signal

cn-wifi-medium-signal

cn-wifi-full-signal

cn-low-bright

cn-half-bright

cn-full-bright

cn-contrast

cn-brightness

cn-wireless-signal

cn-battery-charging

cn-empty-battery

cn-per-battery

cn-per-battery1

cn-full-battery

cn-mute-volume

cn-medium-volume

cn-high-volume

cn-joystick

cn-keyboard

cn-mouse-2

cn-mouse

cn-radio

cn-projector

cn-wifi

cn-loud-speaker

cn-paint-brush1

cn-paint-roller

cn-hammer

cn-magic-wand

cn-spanner

cn-filler

cn-screw-driver

cn-unlink

cn-link

cn-message

cn-wind-mill

cn-solar-panel

cn-network-connect

cn-calendar

cn-office-chair

cn-graduate-hat

cn-profit-chart

cn-pie-chart-2

cn-pie-chart

cn-book

cn-umberlla

cn-security

cn-sun

cn-car-steering

cn-battery

cn-flag

cn-cd

cn-home

cn-reload

cn-mic

cn-mobile-note

cn-mobile-music

cn-truck

cn-gas

cn-lightning-bulb

cn-mobile

cn-message1

cn-laptop

cn-led

cn-euro-bag

cn-dollar-bag

cn-currency-decrease

cn-currency-increase

cn-coins

cn-bank-safe

cn-bank

cn-atm-money

cn-dollars

cn-dollar

cn-tags

cn-tag

cn-cash-register

cn-purse

cn-picnic-bag-upload

cn-picnic-bag-download

cn-picnic-bag--

cn-picnic-bag-

cn-minus-cart

cn-add-cart

cn-download-cart

cn-upload-cart

cn-cart

cn-do-not-disturb

cn-plugin

cn-satellite

cn-gift-box

cn-male-sign

cn-female-sign

cn-female-user

cn-user-with-hat

cn-download-user

cn-uplad-user

cn-minus-user

cn-add-user

cn-three-user

cn-two-user

cn-male-user

cn-unlike

cn-like

cn-cloud-minus

cn-cloud-add

cn-cloud-download

cn-cloud-upload

cn-settings

cn-empty-star

cn-half-star

cn-full-star

cn-minus-heart

cn-add-heart

cn-empty-heart

cn-half-heart

cn-heart

cn-visibility-off

cn-visibility-on

cn-alarm-off

cn-alarm-on

cn-radiation

cn-speedometer

cn-life-saver

cn-hot-pot

cn-eco-leaf

cn-medal

cn-heart-plus

cn-egg

cn-coal-trolly

cn-flower

cn-wine-bottle

cn-pin1

cn-compass

cn-resturant

cn-lightning-storm

cn-raining-cloud

cn-wind

cn-water

cn-train

cn-truck1

cn-bus

cn-car

cn-icecream-van

cn-van

cn-swiss-knife

cn-torch

cn-vaxe

cn-cactus

cn-leaf

cn-rice-bowl

cn-cake

cn-chef-hat

cn-bone

cn-meat

cn-icecream

cn-milk

cn-plant-pot

cn-coffee-cup

cn-coffee-beans

cn-burger

cn-sushi

cn-plate

cn-beans

cn-pine-apple

cn-grapes

cn-cherry

cn-carrot

cn-fruits

cn-fruits1

cn-fruits2

cn-half-apple

cn-paint-splash

cn-paint-bucket

cn-apple

cn-passport

cn-point-to-shoot

cn-globe

cn-chat-message

cn-webcam

cn-processor

cn-exhaust-fan

cn-cap

cn-tooth

cn-siringe

cn-blood

cn-hand-cut

cn-olive-oil

cn-atom

cn-test-tube

cn-dustbin1

cn-headphone

cn-diamond

cn-coconut-tree

cn-tree

cn-paint-tube

cn-shovel

cn-pine-tree

cn-camera

cn-files1

cn-battle-ship

cn-hanger

cn-electric-plug

cn-winning-cup

cn-lab-beaker

cn-lab-flask

cn-dna

cn-light-house

cn-music-note

cn-information

cn-filler1

cn-hours-support

cn-ecg

cn-star-award

cn-film-roll

cn-lamp

cn-hot-air-balloon

cn-rocket

cn-night-lamp

cn-helium-balloon

cn-airplane

cn-construction-helmet

cn-rugby-football

Unlock High-Quality Resources to
Unleash Your Creativity