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

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

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

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