SVG

Data URI (base64) images

• For sag cross browser, don’t simply pop in the
• ex. background: url('data:image/svg+xml;utf8,...
• Here’s a base64 encoder:

• Here’s a url encoder/decoder: to create a url escaped string from the

• Step: create svg

• Step: run terminal svgo
• If using background image sag as data uri, run it through the above encoder
• Place in the code as ex. background: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http...

References:

• https://css-tricks.com/probably-dont-base64-svg/
• https://css-tricks.com/data-uris/