Tag Archives: svg

SVG Gesture Icons Animated with CSS


Warning: Undefined variable $button in H:\root\home\stelco-001\www\collinscreative\wordpress\wp-content\plugins\facebook-share-new\facebookshare.php on line 631

Warning: Undefined variable $content in H:\root\home\stelco-001\www\collinscreative\wordpress\wp-content\plugins\facebook-share-new\facebookshare.php on line 636

Source: SVG Gesture Icons Animated with CSS

SVG to background-image converter


Warning: Undefined variable $button in H:\root\home\stelco-001\www\collinscreative\wordpress\wp-content\plugins\facebook-share-new\facebookshare.php on line 631

Warning: Undefined variable $content in H:\root\home\stelco-001\www\collinscreative\wordpress\wp-content\plugins\facebook-share-new\facebookshare.php on line 636

Very useful tool for converting SVG’s to CSS background-image class. Source: SVG to background-image converter Useful tool for optimizing svg files: https://jakearchibald.github.io/svgomg/  

CSS3 fill property on svg with hover


Warning: Undefined variable $button in H:\root\home\stelco-001\www\collinscreative\wordpress\wp-content\plugins\facebook-share-new\facebookshare.php on line 631

Warning: Undefined variable $content in H:\root\home\stelco-001\www\collinscreative\wordpress\wp-content\plugins\facebook-share-new\facebookshare.php on line 636

The fill property in CSS is for filling in the color of a SVG shape. .eyeball { fill: red; } Remember: This will override a presentation attribute. Source: fill | CSS-Tricks Very useful for hover effects on SVG as shown below.

b64.io – image optimisation & base64 encode


Warning: Undefined variable $button in H:\root\home\stelco-001\www\collinscreative\wordpress\wp-content\plugins\facebook-share-new\facebookshare.php on line 631

Warning: Undefined variable $content in H:\root\home\stelco-001\www\collinscreative\wordpress\wp-content\plugins\facebook-share-new\facebookshare.php on line 636

b64.io online image optimizer and base64 encoder Source: b64.io – image optimisation & base64 encode

SVG to JS


Warning: Undefined variable $button in H:\root\home\stelco-001\www\collinscreative\wordpress\wp-content\plugins\facebook-share-new\facebookshare.php on line 631

Warning: Undefined variable $content in H:\root\home\stelco-001\www\collinscreative\wordpress\wp-content\plugins\facebook-share-new\facebookshare.php on line 636

SVG to RaphaelJs Converter. Convert your SVG files into RaphaelJS JavaScript code. Tutorial: https://parall.ax/blog/view/2985/tutorial-creating-an-interactive-svg-map