SVG To CSS Converter

SVG Encoder from illustrator

External quotes:

type="radio"
value="single"
name="quotes"
class="options__input visuallyhidden"
>
single


/


type="radio"
value="double"
name="quotes"
class="options__input visuallyhidden"
checked
>
double

Insert SVG From Illustrator

name="init"
id="init"
spellcheck="false"
>

Take your encoded:

id="copy-result-button"
title="Copy encoded results to clipboard"
class="copy-button">Copy code

name="result"
id="result"
spellcheck="false"
>

You may place encoded SVG here to decode it back

Copy for CSS:

id="copy-css-result-button" title="Copy CSS results to clipboard" class="copy-button">Copy Code

name="result-css"
id="result-css"
spellcheck="false"
>

Preview:

Background:
type="button"
class="contrast-button contrast-button--white"
data-color="white"
title="white">
white


type="button"
class="contrast-button contrast-button--silver"
data-color="silver"
title="silver">
silver


type="button"
class="contrast-button contrast-button--black"
data-color="black"
title="black">
black