Logo

Documentation v1.0.2

  • General
  • Icons
  • Duotone
Preview Purchase

Overview

Use over 1000 high quality vector Stockholm SVG icons as image or inline SVG element in combination with any Start HTML Pro  elements.

Image Usage

Use svg icons as image with <img>tag as shown below:
<img src="assets/media/icons/duotone/Design/Adjust.svg" class="h-40px me-10"/>
<img src="assets/media/icons/duotone/Code/Git3.svg" class="h-40px me-10"/>
<img src="assets/media/icons/duotone/Communication/Chat2.svg" class="h-40px me-10"/>
<img src="assets/media/icons/duotone/Design/Brush.svg" class="h-40px me-10"/>
<img src="assets/media/icons/duotone/Design/Sketch.svg" class="h-40px me-10"/>
<img src="assets/media/icons/duotone/Files/File-plus.svg" class="h-40px me-10"/>
<img src="assets/media/icons/duotone/General/Settings-2.svg" class="h-40px me-10"/>
<img src="assets/media/icons/duotone/Tools/Tools.svg" class="h-40px me-10"/>
<img src="assets/media/icons/duotone/Shopping/Chart-bar3.svg" class="h-40px me-10"/>

Inline Usage

Use svg icons as inline svg element in order to customize the icon size and color via CSS:
<!--begin::Svg Icon | path: icons/duotone/Design/Adjust.svg-->
<span class="svg-icon svg-icon-3x"><svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
    <path d="M12,20 C7.581722,20 4,16.418278 4,12 C4,7.581722 7.581722,4 12,4 C16.418278,4 20,7.581722 20,12 C20,16.418278 16.418278,20 12,20 Z M12,5.99999664 C8.6862915,6 6,8.6862915 6,12 C6,15.3137085 8.6862915,18 12,18.0000034 L12,5.99999664 Z" fill="#000000" fill-rule="nonzero"/>
</svg></span>
<!--end::Svg Icon-->

Icon Colors

The inline icons can be colored using .svg-icon-{color}class that defined with $theme-text-colorsvariable in sass/_variables.scss:
white
primary
secondary
light
success
info
warning
danger
dark
muted
gray-100
gray-200
gray-300
gray-400
gray-500
gray-600
gray-700
gray-800
gray-900
<span class="svg-icon svg-icon-2x svg-icon-white"><svg>...</svg></span>
<span class="svg-icon svg-icon-2x svg-icon-primary"><svg>...</svg></span>
<span class="svg-icon svg-icon-2x svg-icon-secondary"><svg>...</svg></span>
<span class="svg-icon svg-icon-2x svg-icon-light"><svg>...</svg></span>
<span class="svg-icon svg-icon-2x svg-icon-success"><svg>...</svg></span>
<span class="svg-icon svg-icon-2x svg-icon-info"><svg>...</svg></span>
<span class="svg-icon svg-icon-2x svg-icon-warning"><svg>...</svg></span>
<span class="svg-icon svg-icon-2x svg-icon-danger"><svg>...</svg></span>
<span class="svg-icon svg-icon-2x svg-icon-dark"><svg>...</svg></span>
<span class="svg-icon svg-icon-2x svg-icon-muted"><svg>...</svg></span>
<span class="svg-icon svg-icon-2x svg-icon-gray-100"><svg>...</svg></span>
<span class="svg-icon svg-icon-2x svg-icon-gray-200"><svg>...</svg></span>
<span class="svg-icon svg-icon-2x svg-icon-gray-300"><svg>...</svg></span>
<span class="svg-icon svg-icon-2x svg-icon-gray-400"><svg>...</svg></span>
<span class="svg-icon svg-icon-2x svg-icon-gray-500"><svg>...</svg></span>
<span class="svg-icon svg-icon-2x svg-icon-gray-600"><svg>...</svg></span>
<span class="svg-icon svg-icon-2x svg-icon-gray-700"><svg>...</svg></span>
<span class="svg-icon svg-icon-2x svg-icon-gray-800"><svg>...</svg></span>
<span class="svg-icon svg-icon-2x svg-icon-gray-900"><svg>...</svg></span>

Icon Sizes

The inline icons can be sized using .svg-icon-{size}class that defined with $font-sizesvariable in sass/_variables.scss
Where sizeis one of:
  • 1- sets icon size that equals to <h1>font size
  • 2- sets icon size that equals to <h2>font size
  • 3- sets icon size that equals to <h3>font size
  • 4- sets icon size that equals to <h4>font size
  • 5- sets icon size that equals to <h5>font size
  • 6- sets icon size that equals to <h6>font size
  • 7- sets icon size that equals to <h7>font size
  • 7- sets icon size that equals to 0.95 of $font-size-basewhere $font-size-base: 1rem
  • 8- sets icon size that equals to 0.85 of $font-size-basewhere $font-size-base: 1rem
  • 9- sets icon size that equals to 0.75 of $font-size-basewhere $font-size-base: 1rem
  • 10- sets icon size that equals to 0.5 of $font-size-basewhere $font-size-base: 1rem
  • base- sets icon size that equals to $font-size-basewhere $font-size-base: 1rem
  • fluid- sets icon size that equals to 100%
  • 2x- sets icon size that equals to 2 of $font-size-basewhere $font-size-base: 1rem
  • 2qx- sets icon size that equals to 2.25 of $font-size-basewhere $font-size-base: 1rem
  • 2hx- sets icon size that equals to 2.5 of $font-size-basewhere $font-size-base: 1rem
  • 2tx- sets icon size that equals to 2.75 of $font-size-basewhere $font-size-base: 1rem
  • 3x- sets icon size that equals to 3 of $font-size-basewhere $font-size-base: 1rem
  • 3qx- sets icon size that equals to 3.25 of $font-size-basewhere $font-size-base: 1rem
  • 3hx- sets icon size that equals to 3.5 of $font-size-basewhere $font-size-base: 1rem
  • 3tx- sets icon size that equals to 3.75 of $font-size-basewhere $font-size-base: 1rem
  • 4x- sets icon size that equals to 4 of $font-size-basewhere $font-size-base: 1rem
  • 4qx- sets icon size that equals to 4.25 of $font-size-basewhere $font-size-base: 1rem
  • 4hx- sets icon size that equals to 4.5 of $font-size-basewhere $font-size-base: 1rem
  • 4tx- sets icon size that equals to 4.75 of $font-size-basewhere $font-size-base: 1rem
  • 5x- sets icon size that equals to 5 of $font-size-basewhere $font-size-base: 1rem
  • 5qx- sets icon size that equals to 5.25 of $font-size-basewhere $font-size-base: 1rem
  • 5hx- sets icon size that equals to 5.5 of $font-size-basewhere $font-size-base: 1rem
  • 5tx- sets icon size that equals to 5.75 of $font-size-basewhere $font-size-base: 1rem
.icon-size-5x
.icon-size-4x
.icon-size-3x
.icon-size-2tx
.icon-size-2hx
.icon-size-2qx
.icon-size-2x
.icon-size-1
.icon-size-2
.icon-size-3
.icon-size-5
.icon-size-6
<span class="svg-icon svg-icon-5x"><svg>...</svg></span>
<span class="svg-icon svg-icon-4x"><svg>...</svg></span>
<span class="svg-icon svg-icon-3x"><svg>...</svg></span>
<span class="svg-icon svg-icon-2tx"><svg>...</svg></span>
<span class="svg-icon svg-icon-2hx"><svg>...</svg></span>
<span class="svg-icon svg-icon-2qx"><svg>...</svg></span>
<span class="svg-icon svg-icon-2x"><svg>...</svg></span>
<span class="svg-icon svg-icon-1"><svg>...</svg></span>
<span class="svg-icon svg-icon-2"><svg>...</svg></span>
<span class="svg-icon svg-icon-3"><svg>...</svg></span>
<span class="svg-icon svg-icon-5"><svg>...</svg></span>
<span class="svg-icon svg-icon-6"><svg>...</svg></span>
Use Height & Width  classes .w-{size} .h-{size}to set an svg element's height and width explicitly:
.h-20px .w-20px
.h-30px .w-30px
.h-40px .w-40px
.h-50px .w-50px
.h-75px .w-75px
.h-100px .w-100px
<span class="svg-icon"><svg class="h-20px w-20px">...</svg></span>
<span class="svg-icon"><svg class="h-30px w-30px">...</svg></span>
<span class="svg-icon"><svg class="h-40px w-40px">...</svg></span>
<span class="svg-icon"><svg class="h-50px w-50px">...</svg></span>
<span class="svg-icon"><svg class="h-75px w-75px">...</svg></span>
<span class="svg-icon"><svg class="h-100px w-100px">...</svg></span>

Server Side Helper

Svg icons are mostly used as embeded xml element in order to set color and size with CSS. The below PHP function can be used as reference to create a helper function for your server side language that embeds the icon's xml code on demand by just passing the icon path from the assets folder.
<?php
    function getSvgIcon($path, $iconClass = "", $svgClass = "") {
        $full_path = $path;
        if ( ! file_exists($path)) {
            return "<!-- SVG file not found: ".$path." -->";
        }

        $svg_content = file_get_contents($path);

        $dom = new DOMDocument();
        $dom->loadXML($svg_content);

        // remove unwanted comments
        $xpath = new DOMXPath($dom);
        foreach ($xpath->query("//comment()") as $comment) {
            $comment->parentNode->removeChild($comment);
        }

        // add class to svg
        if ( ! empty($svgClass)) {
            foreach ($dom->getElementsByTagName("svg") as $element) {
                $element->setAttribute("class", $svgClass);
            }
        }

        // remove unwanted tags
        $title = $dom->getElementsByTagName("title");
        if ($title["length"]) {
            $dom->documentElement->removeChild($title[0]);
        }

        $desc = $dom->getElementsByTagName("desc");
        if ($desc["length"]) {
            $dom->documentElement->removeChild($desc[0]);
        }

        $defs = $dom->getElementsByTagName("defs");
        if ($defs["length"]) {
            $dom->documentElement->removeChild($defs[0]);
        }

        // remove unwanted id attribute in g tag
        $g =  $dom->getElementsByTagName("g");
        foreach ($g as $el) {
            $el->removeAttribute("id");
        }

        $mask =  $dom->getElementsByTagName("mask");
        foreach ($mask as $el) {
            $el->removeAttribute("id");
        }

        $rect =  $dom->getElementsByTagName("rect");
        foreach ($rect as $el) {
            $el->removeAttribute("id");
        }

        $path =  $dom->getElementsByTagName("path");
        foreach ($path as $el) {
            $el->removeAttribute("id");
        }

        $circle =  $dom->getElementsByTagName("circle");
        foreach ($circle as $el) {
            $el->removeAttribute("id");
        }
        
        $use =  $dom->getElementsByTagName("use");
        foreach ($use as $el) {
            $el->removeAttribute("id");
        }

        $polygon =  $dom->getElementsByTagName("polygon");
        foreach ($polygon as $el) {
            $el->removeAttribute("id");
        }
        
        $ellipse =  $dom->getElementsByTagName("ellipse");
        foreach ($ellipse as $el) {
            $el->removeAttribute("id");
        }

        $string = $dom->saveXML($dom->documentElement);

        // remove empty lines
        $string = preg_replace("/(^[\r\n]*|[\r\n]+)[\s\t]*[\r\n]+/", "\n", $string);

        $cls = array("svg-icon");

        if ( ! empty($iconClass)) {
            $cls = array_merge($cls, explode(" ", $iconClass));
        }

        return "<span class="" . implode(" ", $cls) . "">" . $string . "</span>";
    }
?>
Use getSvgIconfunction to embed an icon svg code from assetsfolder:
<?php
    echo getSvgIcon('assets/media/icons/duotone/Design/Adjust.svg', 'svg-icon-2x svg-icon-success');
?>
The HTML output of the above PHP function call will be:
<!--begin::Svg Icon | path: icons/duotone/Design/Adjust.svg-->
<span class="svg-icon svg-icon-2x svg-icon-success"><svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
    <path d="M12,20 C7.581722,20 4,16.418278 4,12 C4,7.581722 7.581722,4 12,4 C16.418278,4 20,7.581722 20,12 C20,16.418278 16.418278,20 12,20 Z M12,5.99999664 C8.6862915,6 6,8.6862915 6,12 C6,15.3137085 8.6862915,18 12,18.0000034 L12,5.99999664 Z" fill="#000000" fill-rule="nonzero"/>
</svg></span>
<!--end::Svg Icon-->

Icons Listing

Map

Direction1.svg
Use as Img Or inline SVG
Direction2.svg
Use as Img Or inline SVG
Position.svg
Use as Img Or inline SVG
Marker1.svg
Use as Img Or inline SVG
Location-arrow.svg
Use as Img Or inline SVG
Marker2.svg
Use as Img Or inline SVG
Compass.svg
Use as Img Or inline SVG

Cooking

Kitchen-scale.svg
Use as Img Or inline SVG
Fork-spoon.svg
Use as Img Or inline SVG
Cooking-book.svg
Use as Img Or inline SVG
Cooking-pot.svg
Use as Img Or inline SVG
Grater.svg
Use as Img Or inline SVG
Frying-pan.svg
Use as Img Or inline SVG
Dish.svg
Use as Img Or inline SVG
Knife1.svg
Use as Img Or inline SVG
KnifeAndFork2.svg
Use as Img Or inline SVG
Shovel.svg
Use as Img Or inline SVG
Ladle.svg
Use as Img Or inline SVG
Fork-spoon-knife.svg
Use as Img Or inline SVG
Fork.svg
Use as Img Or inline SVG
Knife2.svg
Use as Img Or inline SVG
Bowl.svg
Use as Img Or inline SVG
KnifeAndFork1.svg
Use as Img Or inline SVG
Rolling-pin.svg
Use as Img Or inline SVG
Dishes.svg
Use as Img Or inline SVG
Spoon.svg
Use as Img Or inline SVG
Sieve.svg
Use as Img Or inline SVG
Chef.svg
Use as Img Or inline SVG
Cutting board.svg
Use as Img Or inline SVG
Dinner.svg
Use as Img Or inline SVG
Saucepan.svg
Use as Img Or inline SVG
Baking-glove.svg
Use as Img Or inline SVG

Design

Horizontal.svg
Use as Img Or inline SVG
Interselect.svg
Use as Img Or inline SVG
Image.svg
Use as Img Or inline SVG
Brush.svg
Use as Img Or inline SVG
Line.svg
Use as Img Or inline SVG
Anchor-center.svg
Use as Img Or inline SVG
Target.svg
Use as Img Or inline SVG
Color.svg
Use as Img Or inline SVG
Anchor-left-up.svg
Use as Img Or inline SVG
Anchor-right.svg
Use as Img Or inline SVG
ZoomMinus.svg
Use as Img Or inline SVG
Flip-horizontal.svg
Use as Img Or inline SVG
Cap-3.svg
Use as Img Or inline SVG
Anchor-left.svg
Use as Img Or inline SVG
Eraser.svg
Use as Img Or inline SVG
Component.svg
Use as Img Or inline SVG
Cap-1.svg
Use as Img Or inline SVG
Picker.svg
Use as Img Or inline SVG
Substract.svg
Use as Img Or inline SVG
Difference.svg
Use as Img Or inline SVG
Flatten.svg
Use as Img Or inline SVG
Stamp.svg
Use as Img Or inline SVG
Crop.svg
Use as Img Or inline SVG
Bezier-curve.svg
Use as Img Or inline SVG
Anchor-right-up.svg
Use as Img Or inline SVG
Polygon.svg
Use as Img Or inline SVG
Color-profile.svg
Use as Img Or inline SVG
Rectangle.svg
Use as Img Or inline SVG
Join-1.svg
Use as Img Or inline SVG
Verified.svg
Use as Img Or inline SVG
ZoomPlus.svg
Use as Img Or inline SVG
Border.svg
Use as Img Or inline SVG
PenAndRuller.svg
Use as Img Or inline SVG
Anchor-left-down.svg
Use as Img Or inline SVG
Anchor-center-down.svg
Use as Img Or inline SVG
Pixels.svg
Use as Img Or inline SVG
Union.svg
Use as Img Or inline SVG
Position.svg
Use as Img Or inline SVG
Sketch.svg
Use as Img Or inline SVG
Anchor-right-down.svg
Use as Img Or inline SVG
Layers.svg
Use as Img Or inline SVG
Saturation.svg
Use as Img Or inline SVG
Edit.svg
Use as Img Or inline SVG
Select.svg
Use as Img Or inline SVG
Join-3.svg
Use as Img Or inline SVG
Anchor-center-up.svg
Use as Img Or inline SVG
Bucket.svg
Use as Img Or inline SVG
Triangle.svg
Use as Img Or inline SVG
Vertical.svg
Use as Img Or inline SVG
Cap-2.svg
Use as Img Or inline SVG
Pencil.svg
Use as Img Or inline SVG
Magic.svg
Use as Img Or inline SVG
Join-2.svg
Use as Img Or inline SVG
Pen-tool-vector.svg
Use as Img Or inline SVG
Adjust.svg
Use as Img Or inline SVG
Arrows.svg
Use as Img Or inline SVG
Flip-vertical.svg
Use as Img Or inline SVG
Patch.svg
Use as Img Or inline SVG
Mask.svg
Use as Img Or inline SVG
Circle.svg
Use as Img Or inline SVG

Weather

Cloud1.svg
Use as Img Or inline SVG
Sun-fog.svg
Use as Img Or inline SVG
Rain2.svg
Use as Img Or inline SVG
Temperature-empty.svg
Use as Img Or inline SVG
Night-fog.svg
Use as Img Or inline SVG
Cloudy.svg
Use as Img Or inline SVG
Celcium.svg
Use as Img Or inline SVG
Snow.svg
Use as Img Or inline SVG
Sun.svg
Use as Img Or inline SVG
Moon.svg
Use as Img Or inline SVG
Thunder-night.svg
Use as Img Or inline SVG
Fog.svg
Use as Img Or inline SVG
Rain5.svg
Use as Img Or inline SVG
Temperature-half.svg
Use as Img Or inline SVG
Fahrenheit.svg
Use as Img Or inline SVG
Suset1.svg
Use as Img Or inline SVG
Night-rain.svg
Use as Img Or inline SVG
Cloud2.svg
Use as Img Or inline SVG
Temperature-full.svg
Use as Img Or inline SVG
Cloudy-night.svg
Use as Img Or inline SVG
Suset2.svg
Use as Img Or inline SVG
Thunder.svg
Use as Img Or inline SVG
Cloud-sun.svg
Use as Img Or inline SVG
Snow1.svg
Use as Img Or inline SVG
Rainbow.svg
Use as Img Or inline SVG
Cloud-wind.svg
Use as Img Or inline SVG
Rain1.svg
Use as Img Or inline SVG
Cloud-fog.svg
Use as Img Or inline SVG
Umbrella.svg
Use as Img Or inline SVG
Day-rain.svg
Use as Img Or inline SVG
Snow3.svg
Use as Img Or inline SVG
Storm.svg
Use as Img Or inline SVG
Wind.svg
Use as Img Or inline SVG
Snow2.svg
Use as Img Or inline SVG

Media

Rec.svg
Use as Img Or inline SVG
Repeat-one.svg
Use as Img Or inline SVG
Repeat.svg
Use as Img Or inline SVG
Shuffle.svg
Use as Img Or inline SVG
Volume-full.svg
Use as Img Or inline SVG
Eject.svg
Use as Img Or inline SVG
DVD.svg
Use as Img Or inline SVG
Volume-Down.svg
Use as Img Or inline SVG
Media-library3.svg
Use as Img Or inline SVG
Media-library2.svg
Use as Img Or inline SVG
Play.svg
Use as Img Or inline SVG
CD.svg
Use as Img Or inline SVG
Youtube.svg
Use as Img Or inline SVG
Music.svg
Use as Img Or inline SVG
Pause.svg
Use as Img Or inline SVG
Back.svg
Use as Img Or inline SVG
Equalizer.svg
Use as Img Or inline SVG
Volume-half.svg
Use as Img Or inline SVG
Vynil.svg
Use as Img Or inline SVG
Movie-lane1.svg
Use as Img Or inline SVG
Movie-Lane2.svg
Use as Img Or inline SVG
Music-note.svg
Use as Img Or inline SVG
Mute.svg
Use as Img Or inline SVG
AirPlay.svg
Use as Img Or inline SVG
Next.svg
Use as Img Or inline SVG
Forward.svg
Use as Img Or inline SVG
Playlist2.svg
Use as Img Or inline SVG
Airplay-video.svg
Use as Img Or inline SVG
Add-music.svg
Use as Img Or inline SVG
Music-cloud.svg
Use as Img Or inline SVG
Volume-Up.svg
Use as Img Or inline SVG
Playlist1.svg
Use as Img Or inline SVG
Media-library1.svg
Use as Img Or inline SVG
Backward.svg
Use as Img Or inline SVG

Home

Flower2.svg
Use as Img Or inline SVG
Bed.svg
Use as Img Or inline SVG
Toilet.svg
Use as Img Or inline SVG
Wood-horse.svg
Use as Img Or inline SVG
Wood1.svg
Use as Img Or inline SVG
Trash.svg
Use as Img Or inline SVG
Door-open.svg
Use as Img Or inline SVG
Library.svg
Use as Img Or inline SVG
Key.svg
Use as Img Or inline SVG
Fireplace.svg
Use as Img Or inline SVG
Towel.svg
Use as Img Or inline SVG
Commode2.svg
Use as Img Or inline SVG
Air-ballon.svg
Use as Img Or inline SVG
Chair1.svg
Use as Img Or inline SVG
Bulb1.svg
Use as Img Or inline SVG
Timer.svg
Use as Img Or inline SVG
Alarm-clock.svg
Use as Img Or inline SVG
Armchair.svg
Use as Img Or inline SVG
Home.svg
Use as Img Or inline SVG
Picture.svg
Use as Img Or inline SVG
Ladder.svg
Use as Img Or inline SVG
Box.svg
Use as Img Or inline SVG
Bath.svg
Use as Img Or inline SVG
Globe.svg
Use as Img Or inline SVG
Book.svg
Use as Img Or inline SVG
Clock.svg
Use as Img Or inline SVG
Lamp1.svg
Use as Img Or inline SVG
Mailbox.svg
Use as Img Or inline SVG
Bag-chair.svg
Use as Img Or inline SVG
Flashlight.svg
Use as Img Or inline SVG
Flower1.svg
Use as Img Or inline SVG
Home2.svg
Use as Img Or inline SVG
Building.svg
Use as Img Or inline SVG
Flower3.svg
Use as Img Or inline SVG
Wood2.svg
Use as Img Or inline SVG
Curtains.svg
Use as Img Or inline SVG
Weight2.svg
Use as Img Or inline SVG
Couch.svg
Use as Img Or inline SVG
Lamp2.svg
Use as Img Or inline SVG
Bulb2.svg
Use as Img Or inline SVG
Book-open.svg
Use as Img Or inline SVG
Commode1.svg
Use as Img Or inline SVG
Chair2.svg
Use as Img Or inline SVG
Home-heart.svg
Use as Img Or inline SVG
Earth.svg
Use as Img Or inline SVG
Water-mixer.svg
Use as Img Or inline SVG
Weight1.svg
Use as Img Or inline SVG
Cupboard.svg
Use as Img Or inline SVG
Ruller.svg
Use as Img Or inline SVG
Stairs.svg
Use as Img Or inline SVG
Deer.svg
Use as Img Or inline SVG
Broom.svg
Use as Img Or inline SVG
Mirror.svg
Use as Img Or inline SVG

Navigation

Up-down.svg
Use as Img Or inline SVG
Arrow-from-right.svg
Use as Img Or inline SVG
Down-left.svg
Use as Img Or inline SVG
Down-right.svg
Use as Img Or inline SVG
Route.svg
Use as Img Or inline SVG
Arrow-from-top.svg
Use as Img Or inline SVG
Check.svg
Use as Img Or inline SVG
Angle-double-left.svg
Use as Img Or inline SVG
Down-2.svg
Use as Img Or inline SVG
Arrow-left.svg
Use as Img Or inline SVG
Left-2.svg
Use as Img Or inline SVG
Angle-double-up.svg
Use as Img Or inline SVG
Plus.svg
Use as Img Or inline SVG
Right-2.svg
Use as Img Or inline SVG
Angle-double-down.svg
Use as Img Or inline SVG
Arrow-to-left.svg
Use as Img Or inline SVG
Waiting.svg
Use as Img Or inline SVG
Arrow-right.svg
Use as Img Or inline SVG
Up-right.svg
Use as Img Or inline SVG
Right 3.svg
Use as Img Or inline SVG
Arrow-from-left.svg
Use as Img Or inline SVG
Arrow-down.svg
Use as Img Or inline SVG
Arrow-to-up.svg
Use as Img Or inline SVG
Arrow-from-bottom.svg
Use as Img Or inline SVG
Double-check.svg
Use as Img Or inline SVG
Angle-up.svg
Use as Img Or inline SVG
Angle-left.svg
Use as Img Or inline SVG
Arrows-h.svg
Use as Img Or inline SVG
Arrows-v.svg
Use as Img Or inline SVG
Angle-double-right.svg
Use as Img Or inline SVG
Arrow-up.svg
Use as Img Or inline SVG
Angle-right.svg
Use as Img Or inline SVG
Arrow-to-right.svg
Use as Img Or inline SVG
Angle-down.svg
Use as Img Or inline SVG
Exchange.svg
Use as Img Or inline SVG
Left-3.svg
Use as Img Or inline SVG
Arrow-to-bottom.svg
Use as Img Or inline SVG
Sign-in.svg
Use as Img Or inline SVG
Up-left.svg
Use as Img Or inline SVG
Close.svg
Use as Img Or inline SVG
Sign-out.svg
Use as Img Or inline SVG
Up-2.svg
Use as Img Or inline SVG
Minus.svg
Use as Img Or inline SVG

Layout

Layout-right-panel-2.svg
Use as Img Or inline SVG
Layout-top-panel-6.svg
Use as Img Or inline SVG
Layout-arrange.svg
Use as Img Or inline SVG
Layout-top-panel-4.svg
Use as Img Or inline SVG
Layout-horizontal.svg
Use as Img Or inline SVG
Layout-top-panel-1.svg
Use as Img Or inline SVG
Layout-right-panel-1.svg
Use as Img Or inline SVG
Layout-octagon.svg
Use as Img Or inline SVG
Layout-3d.svg
Use as Img Or inline SVG
Layout-top-panel-3.svg
Use as Img Or inline SVG
Layout-grid.svg
Use as Img Or inline SVG
Layout-4-blocks.svg
Use as Img Or inline SVG
Layout-polygon.svg
Use as Img Or inline SVG
Layout-vertical.svg
Use as Img Or inline SVG
Layout-top-panel-2.svg
Use as Img Or inline SVG
Layout-left-panel-1.svg
Use as Img Or inline SVG
Layout-top-panel-5.svg
Use as Img Or inline SVG
Layout-left-panel-2.svg
Use as Img Or inline SVG
Layout-4-blocks-2.svg
Use as Img Or inline SVG

Electric

Gas-stove.svg
Use as Img Or inline SVG
Outlet.svg
Use as Img Or inline SVG
Blender.svg
Use as Img Or inline SVG
Iron.svg
Use as Img Or inline SVG
Washer.svg
Use as Img Or inline SVG
Socket-us.svg
Use as Img Or inline SVG
Range-hood.svg
Use as Img Or inline SVG
Fan.svg
Use as Img Or inline SVG
air-dryer.svg
Use as Img Or inline SVG
Air-conditioning.svg
Use as Img Or inline SVG
Kettle.svg
Use as Img Or inline SVG
Fridge.svg
Use as Img Or inline SVG
Highvoltage.svg
Use as Img Or inline SVG
Socket-eu.svg
Use as Img Or inline SVG
Mixer.svg
Use as Img Or inline SVG
Shutdown.svg
Use as Img Or inline SVG

Food

Cheese.svg
Use as Img Or inline SVG
Chicken.svg
Use as Img Or inline SVG
Pizza.svg
Use as Img Or inline SVG
Glass-martini.svg
Use as Img Or inline SVG
Bottle2.svg
Use as Img Or inline SVG
Two-bottles.svg
Use as Img Or inline SVG
Carrot.svg
Use as Img Or inline SVG
Beer.svg
Use as Img Or inline SVG
Orange.svg
Use as Img Or inline SVG
French Bread.svg
Use as Img Or inline SVG
Cake.svg
Use as Img Or inline SVG
Coffee1.svg
Use as Img Or inline SVG
Ice-cream2.svg
Use as Img Or inline SVG
Sushi.svg
Use as Img Or inline SVG
Burger.svg
Use as Img Or inline SVG
Bottle1.svg
Use as Img Or inline SVG
Coffee2.svg
Use as Img Or inline SVG
Ice-cream1.svg
Use as Img Or inline SVG
Bucket.svg
Use as Img Or inline SVG
Bread.svg
Use as Img Or inline SVG
Miso-soup.svg
Use as Img Or inline SVG
Wine.svg
Use as Img Or inline SVG
Dinner.svg
Use as Img Or inline SVG
Cookie.svg
Use as Img Or inline SVG
Fish.svg
Use as Img Or inline SVG

Communication

Chat-smile.svg
Use as Img Or inline SVG
Contact1.svg
Use as Img Or inline SVG
Readed-mail.svg
Use as Img Or inline SVG
Group-chat.svg
Use as Img Or inline SVG
Call-1.svg
Use as Img Or inline SVG
Call.svg
Use as Img Or inline SVG
Incoming-mail.svg
Use as Img Or inline SVG
Chat-locked.svg
Use as Img Or inline SVG
More.svg
Use as Img Or inline SVG
Reply.svg
Use as Img Or inline SVG
Active-call.svg
Use as Img Or inline SVG
Chat1.svg
Use as Img Or inline SVG
Adress-book1.svg
Use as Img Or inline SVG
Outgoing-mail.svg
Use as Img Or inline SVG
Flag.svg
Use as Img Or inline SVG
Group.svg
Use as Img Or inline SVG
Adress-book2.svg
Use as Img Or inline SVG
Mail.svg
Use as Img Or inline SVG
Mail-error.svg
Use as Img Or inline SVG
Clipboard-list.svg
Use as Img Or inline SVG
Mail-box.svg
Use as Img Or inline SVG
Urgent-mail.svg
Use as Img Or inline SVG
Mail-opened.svg
Use as Img Or inline SVG
Snoozed-mail.svg
Use as Img Or inline SVG
Send.svg
Use as Img Or inline SVG
Spam.svg
Use as Img Or inline SVG
Mail-heart.svg
Use as Img Or inline SVG
Add-user.svg
Use as Img Or inline SVG
Address-card.svg
Use as Img Or inline SVG
Chat-check.svg
Use as Img Or inline SVG
Outgoing-box.svg
Use as Img Or inline SVG
Outgoing-call.svg
Use as Img Or inline SVG
Mail-notification.svg
Use as Img Or inline SVG
Missed-call.svg
Use as Img Or inline SVG
Dial-numbers.svg
Use as Img Or inline SVG
Share.svg
Use as Img Or inline SVG
Sending mail.svg
Use as Img Or inline SVG
Shield-user.svg
Use as Img Or inline SVG
Chat5.svg
Use as Img Or inline SVG
Right.svg
Use as Img Or inline SVG
Archive.svg
Use as Img Or inline SVG
Mail-attachment.svg
Use as Img Or inline SVG
Chat4.svg
Use as Img Or inline SVG
Incoming-call.svg
Use as Img Or inline SVG
Delete-user.svg
Use as Img Or inline SVG
RSS.svg
Use as Img Or inline SVG
Safe-chat.svg
Use as Img Or inline SVG
Sending.svg
Use as Img Or inline SVG
Incoming-box.svg
Use as Img Or inline SVG
Write.svg
Use as Img Or inline SVG
Thumbtack.svg
Use as Img Or inline SVG
Forward.svg
Use as Img Or inline SVG
Chat6.svg
Use as Img Or inline SVG
Mail-locked.svg
Use as Img Or inline SVG
Clipboard-check.svg
Use as Img Or inline SVG
Shield-thunder.svg
Use as Img Or inline SVG
Mail-unocked.svg
Use as Img Or inline SVG
Chat.svg
Use as Img Or inline SVG
Chat2.svg
Use as Img Or inline SVG
Reply-all.svg
Use as Img Or inline SVG
Mail-at.svg
Use as Img Or inline SVG
Chat-error.svg
Use as Img Or inline SVG

Files

Media-folder.svg
Use as Img Or inline SVG
User-folder.svg
Use as Img Or inline SVG
Deleted-folder.svg
Use as Img Or inline SVG
Folder-star.svg
Use as Img Or inline SVG
Cloud-download.svg
Use as Img Or inline SVG
File-Plus.svg
Use as Img Or inline SVG
Downloads-folder.svg
Use as Img Or inline SVG
Locked-folder.svg
Use as Img Or inline SVG
Folder-thunder.svg
Use as Img Or inline SVG
Protected-file.svg
Use as Img Or inline SVG
Folder-check.svg
Use as Img Or inline SVG
DownloadedFile.svg
Use as Img Or inline SVG
Folder-heart.svg
Use as Img Or inline SVG
Media.svg
Use as Img Or inline SVG
Music.svg
Use as Img Or inline SVG
Folder-cloud.svg
Use as Img Or inline SVG
Folder.svg
Use as Img Or inline SVG
Folder-plus.svg
Use as Img Or inline SVG
File-done.svg
Use as Img Or inline SVG
File.svg
Use as Img Or inline SVG
Folder-minus.svg
Use as Img Or inline SVG
Pictures1.svg
Use as Img Or inline SVG
File-Minus.svg
Use as Img Or inline SVG
Uploaded-file.svg
Use as Img Or inline SVG
Compiled-file.svg
Use as Img Or inline SVG
Compilation.svg
Use as Img Or inline SVG
Folder-solid.svg
Use as Img Or inline SVG
Upload.svg
Use as Img Or inline SVG
Upload-folder.svg
Use as Img Or inline SVG
File-cloud.svg
Use as Img Or inline SVG
Import.svg
Use as Img Or inline SVG
Download.svg
Use as Img Or inline SVG
Deleted-file.svg
Use as Img Or inline SVG
Cloud-upload.svg
Use as Img Or inline SVG
Export.svg
Use as Img Or inline SVG
Selected-file.svg
Use as Img Or inline SVG
Pictures2.svg
Use as Img Or inline SVG
Group-folders.svg
Use as Img Or inline SVG
Folder-error.svg
Use as Img Or inline SVG

General

Star.svg
Use as Img Or inline SVG
Like.svg
Use as Img Or inline SVG
Settings-2.svg
Use as Img Or inline SVG
Trash.svg
Use as Img Or inline SVG
Other2.svg
Use as Img Or inline SVG
Smile.svg
Use as Img Or inline SVG
Size.svg
Use as Img Or inline SVG
Sad.svg
Use as Img Or inline SVG
Search.svg
Use as Img Or inline SVG
Hidden.svg
Use as Img Or inline SVG
Settings-3.svg
Use as Img Or inline SVG
Lock.svg
Use as Img Or inline SVG
Thunder-move.svg
Use as Img Or inline SVG
Unlock.svg
Use as Img Or inline SVG
Cursor.svg
Use as Img Or inline SVG
Notification2.svg
Use as Img Or inline SVG
Shield-disabled.svg
Use as Img Or inline SVG
Notifications1.svg
Use as Img Or inline SVG
Other1.svg
Use as Img Or inline SVG
Heart.svg
Use as Img Or inline SVG
Scale.svg
Use as Img Or inline SVG
Save.svg
Use as Img Or inline SVG
Attachment1.svg
Use as Img Or inline SVG
Bank.svg
Use as Img Or inline SVG
Folder.svg
Use as Img Or inline SVG
Clipboard.svg
Use as Img Or inline SVG
Dislike.svg
Use as Img Or inline SVG
Visible.svg
Use as Img Or inline SVG
Update.svg
Use as Img Or inline SVG
Shield-check.svg
Use as Img Or inline SVG
Bookmark.svg
Use as Img Or inline SVG
Attachment2.svg
Use as Img Or inline SVG
Edit.svg
Use as Img Or inline SVG
Thunder.svg
Use as Img Or inline SVG
Duplicate.svg
Use as Img Or inline SVG
Shield-protected.svg
Use as Img Or inline SVG
Half-heart.svg
Use as Img Or inline SVG
Expand-arrows.svg
Use as Img Or inline SVG
Half-star.svg
Use as Img Or inline SVG
Settings-1.svg
Use as Img Or inline SVG
Fire.svg
Use as Img Or inline SVG
Clip.svg
Use as Img Or inline SVG
Copy.svg
Use as Img Or inline SVG
Scissors.svg
Use as Img Or inline SVG
User.svg
Use as Img Or inline SVG
Binocular.svg
Use as Img Or inline SVG

Tools

Tools.svg
Use as Img Or inline SVG
Brush.svg
Use as Img Or inline SVG
Pantone.svg
Use as Img Or inline SVG
Hummer.svg
Use as Img Or inline SVG
Hummer2.svg
Use as Img Or inline SVG
Axe.svg
Use as Img Or inline SVG
Angle Grinder.svg
Use as Img Or inline SVG
Screwdriver.svg
Use as Img Or inline SVG
Roller.svg
Use as Img Or inline SVG
Shovel.svg
Use as Img Or inline SVG
Roulette.svg
Use as Img Or inline SVG
Spatula.svg
Use as Img Or inline SVG
Road-Cone.svg
Use as Img Or inline SVG
Swiss-knife.svg
Use as Img Or inline SVG
Compass.svg
Use as Img Or inline SVG

Code

Git2.svg
Use as Img Or inline SVG
Loading.svg
Use as Img Or inline SVG
-
Github.svg
Use as Img Or inline SVG
Option.svg
Use as Img Or inline SVG
Puzzle.svg
Use as Img Or inline SVG
Plus.svg
Use as Img Or inline SVG
Info-circle.svg
Use as Img Or inline SVG
Compiling.svg
Use as Img Or inline SVG
Warning-2.svg
Use as Img Or inline SVG
Time-schedule.svg
Use as Img Or inline SVG
Lock-circle.svg
Use as Img Or inline SVG
Done-circle.svg
Use as Img Or inline SVG
Settings4.svg
Use as Img Or inline SVG
Warning-1-circle.svg
Use as Img Or inline SVG
Backspace.svg
Use as Img Or inline SVG
Control.svg
Use as Img Or inline SVG
Spy.svg
Use as Img Or inline SVG
Left-circle.svg
Use as Img Or inline SVG
Question-circle.svg
Use as Img Or inline SVG
Error-circle.svg
Use as Img Or inline SVG
Thunder-circle.svg
Use as Img Or inline SVG
Right-circle.svg
Use as Img Or inline SVG
Commit.svg
Use as Img Or inline SVG
Git4.svg
Use as Img Or inline SVG
Terminal.svg
Use as Img Or inline SVG
Git3.svg
Use as Img Or inline SVG
Lock-overturning.svg
Use as Img Or inline SVG
Git1.svg
Use as Img Or inline SVG
Stop.svg
Use as Img Or inline SVG
CMD.svg
Use as Img Or inline SVG
Shift.svg
Use as Img Or inline SVG
Code.svg
Use as Img Or inline SVG
Minus.svg
Use as Img Or inline SVG

Devices

Tablet.svg
Use as Img Or inline SVG
CPU2.svg
Use as Img Or inline SVG
Airpods.svg
Use as Img Or inline SVG
Bluetooth.svg
Use as Img Or inline SVG
Cassete.svg
Use as Img Or inline SVG
Laptop-macbook.svg
Use as Img Or inline SVG
Gamepad1.svg
Use as Img Or inline SVG
Battery-empty.svg
Use as Img Or inline SVG
Cardboard-vr.svg
Use as Img Or inline SVG
Generator.svg
Use as Img Or inline SVG
Apple-Watch.svg
Use as Img Or inline SVG
USB.svg
Use as Img Or inline SVG
Router2.svg
Use as Img Or inline SVG
Diagnostics.svg
Use as Img Or inline SVG
Radio.svg
Use as Img Or inline SVG
Display3.svg
Use as Img Or inline SVG
Laptop.svg
Use as Img Or inline SVG
Keyboard.svg
Use as Img Or inline SVG
iPhone-back.svg
Use as Img Or inline SVG
Display2.svg
Use as Img Or inline SVG
iPhone-X.svg
Use as Img Or inline SVG
TV2.svg
Use as Img Or inline SVG
LTE2.svg
Use as Img Or inline SVG
SD-card.svg
Use as Img Or inline SVG
Android.svg
Use as Img Or inline SVG
Watch1.svg
Use as Img Or inline SVG
Printer.svg
Use as Img Or inline SVG
Video-camera.svg
Use as Img Or inline SVG
Mic.svg
Use as Img Or inline SVG
Wi-fi.svg
Use as Img Or inline SVG
iMac.svg
Use as Img Or inline SVG
iPhone-x-back.svg
Use as Img Or inline SVG
Phone.svg
Use as Img Or inline SVG
Homepod.svg
Use as Img Or inline SVG
Gameboy.svg
Use as Img Or inline SVG
LTE1.svg
Use as Img Or inline SVG
Server.svg
Use as Img Or inline SVG
Hard-drive.svg
Use as Img Or inline SVG
Battery-full.svg
Use as Img Or inline SVG
TV1.svg
Use as Img Or inline SVG
Battery-charging.svg
Use as Img Or inline SVG
Gamepad2.svg
Use as Img Or inline SVG
Display1.svg
Use as Img Or inline SVG
Usb-storage.svg
Use as Img Or inline SVG
Router1.svg
Use as Img Or inline SVG
Watch2.svg
Use as Img Or inline SVG
Headphones.svg
Use as Img Or inline SVG
Mouse.svg
Use as Img Or inline SVG
Battery-half.svg
Use as Img Or inline SVG
Speaker.svg
Use as Img Or inline SVG
Midi.svg
Use as Img Or inline SVG
CPU1.svg
Use as Img Or inline SVG
Camera.svg
Use as Img Or inline SVG

Interface

Grid-Vetical.svg
Use as Img Or inline SVG
Image.svg
Use as Img Or inline SVG
Doughnut.svg
Use as Img Or inline SVG
File-Plus.svg
Use as Img Or inline SVG
Options-Square.svg
Use as Img Or inline SVG
Lock.svg
Use as Img Or inline SVG
Grid-Horizontal.svg
Use as Img Or inline SVG
Cog.svg
Use as Img Or inline SVG
Minus-Square.svg
Use as Img Or inline SVG
Insert.svg
Use as Img Or inline SVG
Monitor.svg
Use as Img Or inline SVG
Settings-02.svg
Use as Img Or inline SVG
Map-Marker.svg
Use as Img Or inline SVG
Stacked-Area-Down.svg
Use as Img Or inline SVG
Briefcase.svg
Use as Img Or inline SVG
Line-03-Down.svg
Use as Img Or inline SVG
Bank.svg
Use as Img Or inline SVG
Folder.svg
Use as Img Or inline SVG
Envelope.svg
Use as Img Or inline SVG
Comment.svg
Use as Img Or inline SVG
Scatter-Up.svg
Use as Img Or inline SVG
File.svg
Use as Img Or inline SVG
File-Upload.svg
Use as Img Or inline SVG
Phone.svg
Use as Img Or inline SVG
Edit.svg
Use as Img Or inline SVG
File-Search.svg
Use as Img Or inline SVG
Sign-Out.svg
Use as Img Or inline SVG
Calendar.svg
Use as Img Or inline SVG
Grid.svg
Use as Img Or inline SVG
Close-Square.svg
Use as Img Or inline SVG
Line-03-Up.svg
Use as Img Or inline SVG
User.svg
Use as Img Or inline SVG
Pie-04.svg
Use as Img Or inline SVG
Plus-Square.svg
Use as Img Or inline SVG

Shopping

Bitcoin.svg
Use as Img Or inline SVG
Pound.svg
Use as Img Or inline SVG
Price2.svg
Use as Img Or inline SVG
Sale2.svg
Use as Img Or inline SVG
Sale1.svg
Use as Img Or inline SVG
MC.svg
Use as Img Or inline SVG
Barcode-read.svg
Use as Img Or inline SVG
Chart-line1.svg
Use as Img Or inline SVG
Sort3.svg
Use as Img Or inline SVG
Cart2.svg
Use as Img Or inline SVG
Barcode-scan.svg
Use as Img Or inline SVG
Bag1.svg
Use as Img Or inline SVG
Cart6.svg
Use as Img Or inline SVG
Chart-pie.svg
Use as Img Or inline SVG
Chart-line2.svg
Use as Img Or inline SVG
Sort1.svg
Use as Img Or inline SVG
Chart-bar1.svg
Use as Img Or inline SVG
Chart-bar2.svg
Use as Img Or inline SVG
Cart3.svg
Use as Img Or inline SVG
Bag2.svg
Use as Img Or inline SVG
Chart-bar3.svg
Use as Img Or inline SVG
Box2.svg
Use as Img Or inline SVG
Price1.svg
Use as Img Or inline SVG
Loader.svg
Use as Img Or inline SVG
Rouble.svg
Use as Img Or inline SVG
Box1.svg
Use as Img Or inline SVG
Cart4.svg
Use as Img Or inline SVG
Credit-card.svg
Use as Img Or inline SVG
Ticket.svg
Use as Img Or inline SVG
Wallet.svg
Use as Img Or inline SVG
Settings.svg
Use as Img Or inline SVG
Dollar.svg
Use as Img Or inline SVG
Cart1.svg
Use as Img Or inline SVG
Gift.svg
Use as Img Or inline SVG
Safe.svg
Use as Img Or inline SVG
ATM.svg
Use as Img Or inline SVG
Money.svg
Use as Img Or inline SVG
Wallet2.svg
Use as Img Or inline SVG
Wallet3.svg
Use as Img Or inline SVG
Cart5.svg
Use as Img Or inline SVG
Barcode.svg
Use as Img Or inline SVG
Chart.svg
Use as Img Or inline SVG
Sort2.svg
Use as Img Or inline SVG
Euro.svg
Use as Img Or inline SVG
Calculator.svg
Use as Img Or inline SVG
Box3.svg
Use as Img Or inline SVG

Text

Text-width.svg
Use as Img Or inline SVG
Align-justify.svg
Use as Img Or inline SVG
Bold.svg
Use as Img Or inline SVG
Align-left.svg
Use as Img Or inline SVG
Quote2.svg
Use as Img Or inline SVG
Edit-text.svg
Use as Img Or inline SVG
Bullet-list.svg
Use as Img Or inline SVG
Strikethrough.svg
Use as Img Or inline SVG
Text.svg
Use as Img Or inline SVG
Redo.svg
Use as Img Or inline SVG
Quote1.svg
Use as Img Or inline SVG
Underline.svg
Use as Img Or inline SVG
Article.svg
Use as Img Or inline SVG
Toggle-Right.svg
Use as Img Or inline SVG
Toggle-Left.svg
Use as Img Or inline SVG
Paragraph.svg
Use as Img Or inline SVG
Undo.svg
Use as Img Or inline SVG
H2.svg
Use as Img Or inline SVG
Font.svg
Use as Img Or inline SVG
Toggle.svg
Use as Img Or inline SVG
Filter.svg
Use as Img Or inline SVG
Align-auto.svg
Use as Img Or inline SVG
Align-center.svg
Use as Img Or inline SVG
Itallic.svg
Use as Img Or inline SVG
Text-height.svg
Use as Img Or inline SVG
Dots.svg
Use as Img Or inline SVG
Menu.svg
Use as Img Or inline SVG
H1.svg
Use as Img Or inline SVG
Code.svg
Use as Img Or inline SVG
Align-right.svg
Use as Img Or inline SVG

Clothes

Socks.svg
Use as Img Or inline SVG
Tie.svg
Use as Img Or inline SVG
Hanger.svg
Use as Img Or inline SVG
T-Shirt.svg
Use as Img Or inline SVG
Sun-glasses.svg
Use as Img Or inline SVG
Crown.svg
Use as Img Or inline SVG
Panties.svg
Use as Img Or inline SVG
Briefcase.svg
Use as Img Or inline SVG
Hat.svg
Use as Img Or inline SVG
Shorts.svg
Use as Img Or inline SVG
Shoes.svg
Use as Img Or inline SVG
Brassiere.svg
Use as Img Or inline SVG
Shirt.svg
Use as Img Or inline SVG
Sneakers.svg
Use as Img Or inline SVG
Cap.svg
Use as Img Or inline SVG
Dress.svg
Use as Img Or inline SVG
Purchase Start HTML Pro

All-in License

Unlimited End Products and SaaS sites with paying users. License Terms
Buy Now
Secured Payment by 2Checkoutwith:
100% money back guarantee!

Related Products

All Products

Start HTML Pro

HTML5, CSS3, JS, Bootstrap 5
Pro

Start Vue Pro

VueJS 3, Typescript, Bootstrap 5
Pro

Start React Pro

React, Typescript, Bootstrap 5
Pro