logo-mark Shape arrow-right arrow-right arrow-right Group Group chevron-vertical Created with Sketch. chevron-vertical Group Group Group Group Group Group Group Group Group Group Group Group Group Group Group Group Group Group Group Group Group Group Group Group Group Group Group Created by FontForge 20170731 at Tue Dec 2 15:06:59 2014 By Aleksey,,, Copyright (c) 2014 by Cruzine. All rights reserved.

Icons

Style
Icons are used with buttons and labels to inform the user of interactions. They should complement the shapes of the interface. Similar width shapes, fills and rounded corners are the main features of this icon set.
Icon Set
Web Development (Sprite Sheet)
All icons are in svg format (.svg).
Icons for web development are loaded via the sprite sheet method. To use an icon from the sprite sheet use the code snippets below in your HTML.
//Arrow Up
<svg><use xlink:href="#arrow-up"></use></svg>

//Arrow Right
<svg><use xlink:href="#arrow-right"></use></svg>

//Arrow Down
<svg><use xlink:href="#arrow-down"></use></svg>

//Arrow Left
<svg><use xlink:href="#arrow-left"></use></svg>

//Bookmark
<svg><use xlink:href="#bookmark"></use></svg>

//Checkmark
<svg><use xlink:href="#checkmark"></use></svg>

//Chevron Up
<svg><use xlink:href="#chevron-up"></use></svg>

//Chevron Down
<svg><use xlink:href="#chevron-down"></use></svg>

//Dollar
<svg><use xlink:href="#dollar"></use></svg>

//Email
<svg><use xlink:href="#email"></use></svg>

//Facebook
<svg><use xlink:href="#facebook-icon"></use></svg>

//Filter
<svg><use xlink:href="#filter"></use></svg>

//Hamburger
<svg><use xlink:href="#hamburger"></use></svg>

//Moon
<svg><use xlink:href="#moon"></use></svg>

//More
<svg><use xlink:href="#more"></use></svg>

//Padlock
<svg><use xlink:href="#padlock"></use></svg>

//Paragraph
<svg><use xlink:href="#paragraph"></use></svg>

//Pencil
<svg><use xlink:href="#pencil"></use></svg>

//Play
<svg><use xlink:href="#play"></use></svg>

//Plus
<svg><use xlink:href="#plus"></use></svg>

//Question Mark
<svg><use xlink:href="#question-mark"></use></svg>

//Reset
<svg><use xlink:href="#reset"></use></svg>

//Search
<svg><use xlink:href="#search"></use></svg>

//Chevron
<svg><use xlink:href="#signal-down"></use></svg>

//Speech Bubble
<svg><use xlink:href="#speech-bubble"></use></svg>

//Star
<svg><use xlink:href="#star"></use></svg>

//Sun
<svg><use xlink:href="#sun"></use></svg>

//Twitter
<svg><use xlink:href="#twtter-icon"></use></svg>

//Video Camera
<svg><use xlink:href="#video-camera"></use></svg>

//Warning
<svg><use xlink:href="#warning"></use></svg>
Color
Color icons using CSS by Modifying the fill value.
//Twitter
<svg><use xlink:href="#twtter-icon"></use></svg>

//Twitter (Blue)
<svg fill="#1D83D1"><use xlink:href="#twtter-icon--blue"></use></svg>