Skip to content

DuskoPeric/SVG-Self-Drawing-Icons

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 

Repository files navigation

alt tag

SVG Self-drawing Icons

Check DEMO here!

##Basic Usage

  1. Include the stylesheet and script on your document's <head>
<head>
  <link rel="stylesheet" href="icon-style.min.css">
  <script type="text/javascript" src="jsicon.min.js"></script>
</head>
  1. Add the svg tag with attributes
<svg draw="single" effect="rotate-auto" width="128" height="128" color="#00B5E8" class="svg-icon  dummbell " viewBox="0 0 256 256"></svg>
  1. Instead of dummbell class add name of your icon. A list of all the icons can be found here

##Attributes draw:

  • single
  • infinite

effect:

  • rotate-auto
  • rotate-hover
  • flip-vertical-auto
  • flip-vertical-hover
  • flip-horisontal-auto
  • flip-horisontal-hover
  • bounce-auto
  • bounce-hover

width:

  • 0-256

height:

  • 0-256

Dependencies

jQuery

About

SVG Self-drawing Icons

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published