التصميم والموارد

SVG إلى Data URI

Convert SVG markup into a CSS-ready data URI.

الإدخال

SVG إلى Data URI

svgdata uricssconverter

الإخراج

SVG data URI

data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 120 40%22%3E%3Crect width=%22120%22 height=%2240%22 fill=%22%23111%22/%3E%3Ctext x=%2260%22 y=%2225%22 font-size=%2214%22 fill=%22%23fff%22 text-anchor=%22middle%22%3EToolsmith%3C/text%3E%3C/svg%3E

SVG preview

أدوات مشابهة

لون محول

Convert between HEX, RGB, و HSL لون لـmats.

CSS Gradient مولد

إنشاء a linear gradient و copy the CSS instantly.

Favicon مولد

Create a simple SVG favicon من initials و brو لونs.

SVG Optimizer

Strip comments و collapse whitespace in SVG markup.

CSS Minifier

Minify CSS by removing comments و extra whitespace.

CSS منسق

Pretty-print CSS مع readable indentation.