How do I get a Base64 string from SVG?

Paste the SVG and click Copy Base64 string. You get PHN2Zy… characters only — no data:image prefix.

When do I want the string instead of a data URI?

Use the raw string when an API, JSON payload, or custom header already adds the MIME type for you.

No. Root width and height are omitted so the encoded string does not bake in fixed pixel size.

Open SVG to Base64 Data URI to copy data:image/svg+xml;base64, plus the same string.

FAQ

Quick answers

How do I get a Base64 string from SVG?: Paste the SVG and click Copy Base64 string. You get PHN2Zy… characters only — no data:image prefix.
When do I want the string instead of a data URI?: Use the raw string when an API, JSON payload, or custom header already adds the MIME type for you.
Does the sample include width and height?: No. Root width and height are omitted so the encoded string does not bake in fixed pixel size.
Need the data URI wrapper?: Open SVG to Base64 Data URI to copy data:image/svg+xml;base64, plus the same string.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B