Sandbox Jekyll documentation

Icons SVG

Learn how to use SVG icons in Sandbox.

Lineal

Below you can find the list of all lineal SVG icons with their code snippets. All these retina-ready icons can easily be styled by color and size. To reach the resource of this set visit Flaticon

Colors

text-primary

text-aqua

text-green

text-leaf

text-navy

text-orange

text-pink

text-purple

text-red

text-violet

text-yellow

text-blue

text-fuchsia

text-sky

text-grape

Sizes

icon-svg-lg

icon-svg-md

icon-svg-sm

icon-svg-xs

Icons

  • adjust

    Copy

  • agenda

    Copy

  • analytics

    Copy

  • award

    Copy

  • award-2

    Copy

  • badge

    Copy

  • balance

    Copy

  • bar-chart

    Copy

  • barcode

    Copy

  • bell

    Copy

  • box

    Copy

  • briefcase

    Copy

  • briefcase-2

    Copy

  • browser

    Copy

  • browser-2

    Copy

  • brush

    Copy

  • bucket

    Copy

  • cake

    Copy

  • calculator

    Copy

  • calendar

    Copy

  • certificate

    Copy

  • chat

    Copy

  • chat-2

    Copy

  • check

    Copy

  • check-2

    Copy

  • check-list

    Copy

  • clipboard

    Copy

  • clock

    Copy

  • clock-2

    Copy

  • clock-3

    Copy

  • cloud-computing

    Copy

  • cloud-computing-2

    Copy

  • cloud-computing-3

    Copy

  • coffee-cup

    Copy

  • coin

    Copy

  • compass

    Copy

  • computer

    Copy

  • controller

    Copy

  • controller-2

    Copy

  • crayons

    Copy

  • crop

    Copy

  • design

    Copy

  • directions

    Copy

  • discount-tag

    Copy

  • download

    Copy

  • earth

    Copy

  • edit-text

    Copy

  • email

    Copy

  • email-2

    Copy

  • email-3

    Copy

  • exchange

    Copy

  • expand

    Copy

  • fax

    Copy

  • files

    Copy

  • fullscreen

    Copy

  • geolocalization

    Copy

  • gift

    Copy

  • group-2

    Copy

  • growth

    Copy

  • handshake

    Copy

  • headphone

    Copy

  • headphone-2

    Copy

  • heart

    Copy

  • home

    Copy

  • hourglass

    Copy

  • house

    Copy

  • id-card

    Copy

  • insurance

    Copy

  • invoice

    Copy

  • laptop

    Copy

  • levels

    Copy

  • light-bulb

    Copy

  • link

    Copy

  • list

    Copy

  • loading

    Copy

  • lock

    Copy

  • login

    Copy

  • logout

    Copy

  • loss

    Copy

  • loyalty

    Copy

  • map

    Copy

  • maximize

    Copy

  • medal

    Copy

  • meeting

    Copy

  • megaphone

    Copy

  • menu

    Copy

  • microphone

    Copy

  • minimize

    Copy

  • money

    Copy

  • music

    Copy

  • networking

    Copy

  • networking-2

    Copy

  • open

    Copy

  • padlock

    Copy

  • paint-roller

    Copy

  • paper-plane

    Copy

  • paper

    Copy

  • password

    Copy

  • photo-camera

    Copy

  • picture

    Copy

  • pictures

    Copy

  • pie-chart

    Copy

  • pie-chart-2

    Copy

  • pin

    Copy

  • pin-2

    Copy

  • plan

    Copy

  • price-tag

    Copy

  • printer

    Copy

  • profits

    Copy

  • puzzle

    Copy

  • puzzle-2

    Copy

  • ranking

    Copy

  • refresh

    Copy

  • rocket

    Copy

  • savings

    Copy

  • scale

    Copy

  • scroll

    Copy

  • scroll-2

    Copy

  • search

    Copy

  • search-2

    Copy

  • server

    Copy

  • settings

    Copy

  • settings-2

    Copy

  • settings-3

    Copy

  • shield

    Copy

  • shield-2

    Copy

  • shop

    Copy

  • shop-2

    Copy

  • shope-3

    Copy

  • shopping-basket

    Copy

  • shopping-cart

    Copy

  • show

    Copy

  • sitemap

    Copy

  • smartphone

    Copy

  • smartphone-2

    Copy

  • smartphone-3

    Copy

  • smartphone-4

    Copy

  • smartwatch

    Copy

  • speedometer

    Copy

  • square

    Copy

  • stars

    Copy

  • startup

    Copy

  • statistics

    Copy

  • sticker

    Copy

  • target

    Copy

  • target-2

    Copy

  • team

    Copy

  • telemarketer

    Copy

  • telephone

    Copy

  • telephone-2

    Copy

  • telephone-3

    Copy

  • television

    Copy

  • tie

    Copy

  • tools

    Copy

  • touch-screen

    Copy

  • truck

    Copy

  • upload

    Copy

  • user

    Copy

  • video

    Copy

  • video-2

    Copy

  • video-camera

    Copy

  • video-editing

    Copy

  • wallet

    Copy

  • watercolor

    Copy

  • web

    Copy

  • workflow

    Copy

Solid Mono

Below you can find the list of all solid mono SVG icons with their code snippets. All these retina-ready icons can easily be styled by color and size. To reach the resource of this set visit Flaticon

Colors

text-primary

text-aqua

text-green

text-leaf

text-navy

text-orange

text-pink

text-purple

text-red

text-violet

text-yellow

text-blue

text-fuchsia

text-sky

text-grape

Sizes

icon-svg-lg

icon-svg-md

icon-svg-sm

icon-svg-xs

Icons

  • 3d

    Copy

  • alarm

    Copy

  • audience

    Copy

  • badge

    Copy

  • bar-chart

    Copy

  • bar-chart-2

    Copy

  • bell

    Copy

  • briefcase

    Copy

  • bucket

    Copy

  • building

    Copy

  • bulb

    Copy

  • bullhorn

    Copy

  • calendar

    Copy

  • camera

    Copy

  • chatting

    Copy

  • chatting-2

    Copy

  • checked

    Copy

  • clipboard

    Copy

  • cloud-download

    Copy

  • cloud-group

    Copy

  • cloud-network

    Copy

  • cloud-network-2

    Copy

  • cloud-transfer

    Copy

  • code

    Copy

  • coffee-cup

    Copy

  • coin

    Copy

  • coin-decrease

    Copy

  • coin-lock

    Copy

  • coin-reload

    Copy

  • coin-rise

    Copy

  • compare

    Copy

  • computer

    Copy

  • conference

    Copy

  • content

    Copy

  • controls-2

    Copy

  • controls

    Copy

  • crop

    Copy

  • crosshair

    Copy

  • currency

    Copy

  • deal

    Copy

  • delivery-box

    Copy

  • devices

    Copy

  • director

    Copy

  • discussion

    Copy

  • dot

    Copy

  • double-click

    Copy

  • e-commerce

    Copy

  • edit

    Copy

  • edit-2

    Copy

  • email-2

    Copy

  • emails

    Copy

  • employees

    Copy

  • feather

    Copy

  • gamepad

    Copy

  • gears

    Copy

  • globe-2

    Copy

  • headphone

    Copy

  • health-insurance

    Copy

  • image

    Copy

  • images

    Copy

  • infographic

    Copy

  • lamp

    Copy

  • layers

    Copy

  • layout-2

    Copy

  • layout-3

    Copy

  • layout

    Copy

  • like

    Copy

  • link

    Copy

  • list

    Copy

  • lock

    Copy

  • love

    Copy

  • marker

    Copy

  • mask

    Copy

  • medal

    Copy

  • monitor

    Copy

  • navigation

    Copy

  • network

    Copy

  • note

    Copy

  • paint

    Copy

  • paper-plane

    Copy

  • partnership

    Copy

  • pen-tool

    Copy

  • pie-chart

    Copy

  • pin

    Copy

  • plane

    Copy

  • price-tag

    Copy

  • printer

    Copy

  • push-cart

    Copy

  • puzzle

    Copy

  • rocket

    Copy

  • roller

    Copy

  • rotary

    Copy

  • safe

    Copy

  • script

    Copy

  • search

    Copy

  • secure

    Copy

  • selected

    Copy

  • seo-2

    Copy

  • seo

    Copy

  • server

    Copy

  • setting

    Copy

  • share

    Copy

  • sharing

    Copy

  • shipment

    Copy

  • shopping-bag

    Copy

  • shopping-basket

    Copy

  • shopping-cart

    Copy

  • smartphone

    Copy

  • supermarket

    Copy

  • synchronize

    Copy

  • team

    Copy

  • target

    Copy

  • toggle

    Copy

  • touchscreen

    Copy

  • transfer

    Copy

  • travel-insurance

    Copy

  • tv-screen

    Copy

  • verify

    Copy

  • video-chat

    Copy

  • video-player

    Copy

  • videocall

    Copy

  • videocall-2

    Copy

  • wallet

    Copy

  • web-browser

    Copy

  • web-programming

    Copy

Solid Duo

Below you can find the list of all solid duo SVG icons with their code snippets. All these retina-ready icons can easily be styled by color and size. To reach the resource of this set visit Flaticon

Colors

text-green-fuchsia

text-purple-aqua

text-blue-pink

text-navy-green

text-grape-green

text-green-red

text-grape-yellow

text-purple-pink

text-red-yellow

text-grape-fuchsia

text-sky-pink

text-navy-sky

Sizes

icon-svg-lg

icon-svg-md

icon-svg-sm

icon-svg-xs

Icons

  • 3d

    Copy

  • alarm

    Copy

  • audience

    Copy

  • badge

    Copy

  • bar-chart

    Copy

  • bar-chart-2

    Copy

  • bell

    Copy

  • briefcase

    Copy

  • bucket

    Copy

  • building

    Copy

  • bulb

    Copy

  • bullhorn

    Copy

  • calendar

    Copy

  • camera

    Copy

  • chatting

    Copy

  • chatting-2

    Copy

  • checked

    Copy

  • clipboard

    Copy

  • cloud-download

    Copy

  • cloud-group

    Copy

  • cloud-network

    Copy

  • cloud-network-2

    Copy

  • cloud-transfer

    Copy

  • code

    Copy

  • coffee-cup

    Copy

  • coin

    Copy

  • coin-decrease

    Copy

  • coin-lock

    Copy

  • coin-reload

    Copy

  • coin-rise

    Copy

  • compare

    Copy

  • computer

    Copy

  • conference

    Copy

  • content

    Copy

  • controls-2

    Copy

  • controls

    Copy

  • crop

    Copy

  • crosshair

    Copy

  • currency

    Copy

  • deal

    Copy

  • delivery-box

    Copy

  • devices

    Copy

  • director

    Copy

  • discussion

    Copy

  • dot

    Copy

  • double-click

    Copy

  • e-commerce

    Copy

  • edit

    Copy

  • edit-2

    Copy

  • email-2

    Copy

  • emails

    Copy

  • employees

    Copy

  • feather

    Copy

  • gamepad

    Copy

  • gears

    Copy

  • globe-2

    Copy

  • headphone

    Copy

  • health-insurance

    Copy

  • image

    Copy

  • images

    Copy

  • infographic

    Copy

  • lamp

    Copy

  • layers

    Copy

  • layout-2

    Copy

  • layout-3

    Copy

  • layout

    Copy

  • like

    Copy

  • link

    Copy

  • list

    Copy

  • lock

    Copy

  • love

    Copy

  • marker

    Copy

  • mask

    Copy

  • medal

    Copy

  • monitor

    Copy

  • navigation

    Copy

  • network

    Copy

  • note

    Copy

  • paint

    Copy

  • paper-plane

    Copy

  • partnership

    Copy

  • pen-tool

    Copy

  • pie-chart

    Copy

  • pin

    Copy

  • plane

    Copy

  • price-tag

    Copy

  • printer

    Copy

  • push-cart

    Copy

  • puzzle

    Copy

  • rocket

    Copy

  • roller

    Copy

  • rotary

    Copy

  • safe

    Copy

  • script

    Copy

  • search

    Copy

  • secure

    Copy

  • selected

    Copy

  • seo-2

    Copy

  • seo

    Copy

  • server

    Copy

  • setting

    Copy

  • share

    Copy

  • sharing

    Copy

  • shipment

    Copy

  • shopping-bag

    Copy

  • shopping-basket

    Copy

  • shopping-cart

    Copy

  • smartphone

    Copy

  • supermarket

    Copy

  • synchronize

    Copy

  • target

    Copy

  • team

    Copy

  • toggle

    Copy

  • touchscreen

    Copy

  • transfer

    Copy

  • travel-insurance

    Copy

  • tv-screen

    Copy

  • verify

    Copy

  • video-chat

    Copy

  • video-player

    Copy

  • videocall

    Copy

  • videocall-2

    Copy

  • wallet

    Copy

  • web-browser

    Copy

  • web-programming

    Copy

Solid

Below you can find the list of all solid mono SVG icons with their code snippets. All these retina-ready icons can easily be styled by color and size. To reach the resource of this set visit Flaticon

Colors

bg-pale-primary

bg-pale-aqua

bg-pale-green

bg-pale-leaf

bg-pale-navy

bg-pale-orange

bg-pale-pink

bg-pale-purple

bg-pale-red

bg-pale-violet

bg-pale-yellow

bg-pale-blue

bg-pale-fuchsia

bg-pale-sky

bg-pale-grape

bg-pale-white

Sizes

.svg-bg

.svg-bg.svg-bg-lg

Icons

  • 3d

    Copy

  • alarm

    Copy

  • audience

    Copy

  • badge

    Copy

  • bar-chart

    Copy

  • bar-chart-2

    Copy

  • bell

    Copy

  • briefcase

    Copy

  • bucket

    Copy

  • building

    Copy

  • bulb

    Copy

  • bullhorn

    Copy

  • calendar

    Copy

  • camera

    Copy

  • chatting

    Copy

  • chatting-2

    Copy

  • checked

    Copy

  • clipboard

    Copy

  • cloud-download

    Copy

  • cloud-group

    Copy

  • cloud-network

    Copy

  • cloud-network-2

    Copy

  • cloud-transfer

    Copy

  • code

    Copy

  • coffee-cup

    Copy

  • coin

    Copy

  • coin-decrease

    Copy

  • coin-lock

    Copy

  • coin-reload

    Copy

  • coin-rise

    Copy

  • compare

    Copy

  • computer

    Copy

  • conference

    Copy

  • content

    Copy

  • controls-2

    Copy

  • controls

    Copy

  • crop

    Copy

  • crosshair

    Copy

  • currency

    Copy

  • deal

    Copy

  • delivery-box

    Copy

  • devices

    Copy

  • director

    Copy

  • discussion

    Copy

  • dot

    Copy

  • double-click

    Copy

  • e-commerce

    Copy

  • edit

    Copy

  • edit-2

    Copy

  • email-2

    Copy

  • emails

    Copy

  • employees

    Copy

  • feather

    Copy

  • gamepad

    Copy

  • gears

    Copy

  • globe-2

    Copy

  • headphone

    Copy

  • health-insurance

    Copy

  • image

    Copy

  • images

    Copy

  • infographic

    Copy

  • lamp

    Copy

  • layers

    Copy

  • layout-2

    Copy

  • layout-3

    Copy

  • layout

    Copy

  • like

    Copy

  • link

    Copy

  • list

    Copy

  • lock

    Copy

  • love

    Copy

  • marker

    Copy

  • mask

    Copy

  • medal

    Copy

  • monitor

    Copy

  • navigation

    Copy

  • network

    Copy

  • note

    Copy

  • paint

    Copy

  • paper-plane

    Copy

  • partnership

    Copy

  • pen-tool

    Copy

  • pie-chart

    Copy

  • pin

    Copy

  • plane

    Copy

  • price-tag

    Copy

  • printer

    Copy

  • push-cart

    Copy

  • puzzle

    Copy

  • rocket

    Copy

  • roller

    Copy

  • rotary

    Copy

  • safe

    Copy

  • script

    Copy

  • search

    Copy

  • secure

    Copy

  • selected

    Copy

  • seo-2

    Copy

  • seo

    Copy

  • server

    Copy

  • setting

    Copy

  • share

    Copy

  • sharing

    Copy

  • shipment

    Copy

  • shopping-bag

    Copy

  • shopping-basket

    Copy

  • shopping-cart

    Copy

  • smartphone

    Copy

  • supermarket

    Copy

  • synchronize

    Copy

  • team

    Copy

  • target

    Copy

  • toggle

    Copy

  • touchscreen

    Copy

  • transfer

    Copy

  • travel-insurance

    Copy

  • tv-screen

    Copy

  • verify

    Copy

  • video-chat

    Copy

  • video-player

    Copy

  • videocall

    Copy

  • videocall-2

    Copy

  • wallet

    Copy

  • web-browser

    Copy

  • web-programming

    Copy