SVG
Viewer
Dark mode
Light mode
Hide sidebar
Ruler Pen
Web Design And Development
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
2.22 KB
1.03 KB
-54%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/190304/ruler-pen --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 504 504" style="enable-background:new 0 0 504 504;" xml:space="preserve"> <circle style="fill:#FFD05B;" cx="252" cy="252" r="252"/> <path style="fill:#324A5E;" d="M161.4,94.5v315h80.5v-315H161.4z M201.6,132.9c-8.6,0-15.5-6.9-15.5-15.5s6.9-15.5,15.5-15.5 s15.5,6.9,15.5,15.5S210.2,132.9,201.6,132.9z"/> <g> <rect x="161.4" y="144.7" style="fill:#2B3B4E;" width="20.3" height="7.6"/> <rect x="161.4" y="166.7" style="fill:#2B3B4E;" width="20.3" height="7.6"/> <rect x="161.4" y="188.6" style="fill:#2B3B4E;" width="28.7" height="7.6"/> <rect x="161.4" y="210.6" style="fill:#2B3B4E;" width="20.3" height="7.6"/> <rect x="161.4" y="232.6" style="fill:#2B3B4E;" width="20.3" height="7.6"/> <rect x="161.4" y="254.5" style="fill:#2B3B4E;" width="28.7" height="7.6"/> <rect x="161.4" y="276.5" style="fill:#2B3B4E;" width="20.3" height="7.6"/> <rect x="161.4" y="298.5" style="fill:#2B3B4E;" width="20.3" height="7.6"/> <rect x="161.4" y="320.4" style="fill:#2B3B4E;" width="28.7" height="7.6"/> <rect x="161.4" y="342.4" style="fill:#2B3B4E;" width="20.3" height="7.6"/> <rect x="161.4" y="364.4" style="fill:#2B3B4E;" width="20.3" height="7.6"/> <rect x="161.4" y="386.3" style="fill:#2B3B4E;" width="28.7" height="7.6"/> <polygon style="fill:#2B3B4E;" points="313.6,409.5 325.6,386.6 301.5,386.6 "/> </g> <polygon style="fill:#FFFFFF;" points="284.5,354.4 301.5,386.6 325.6,386.6 342.6,354.4 "/> <rect x="284.5" y="156.8" style="fill:#FF7058;" width="19.4" height="197.5"/> <rect x="303.9" y="156.8" style="fill:#F1543F;" width="19.4" height="197.5"/> <rect x="323.3" y="156.8" style="fill:#FF7058;" width="19.4" height="197.5"/> <path style="fill:#FFFFFF;" d="M323.3,94.5h-19.4l0,0c-10.7,0-19.4,8.7-19.4,19.4v19.7h19.4h19.4h19.4v-19.7 C342.6,103.2,334,94.5,323.3,94.5L323.3,94.5z"/> <rect x="284.5" y="133.5" style="fill:#324A5E;" width="58.1" height="23.3"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
2.22 KB
1.03 KB
-54%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/190304/ruler-pen --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 504 504" style="enable-background:new 0 0 504 504;" xml:space="preserve"> <circle style="fill:#FFD05B;" cx="252" cy="252" r="252"/> <path style="fill:#324A5E;" d="M161.4,94.5v315h80.5v-315H161.4z M201.6,132.9c-8.6,0-15.5-6.9-15.5-15.5s6.9-15.5,15.5-15.5 s15.5,6.9,15.5,15.5S210.2,132.9,201.6,132.9z"/> <g> <rect x="161.4" y="144.7" style="fill:#2B3B4E;" width="20.3" height="7.6"/> <rect x="161.4" y="166.7" style="fill:#2B3B4E;" width="20.3" height="7.6"/> <rect x="161.4" y="188.6" style="fill:#2B3B4E;" width="28.7" height="7.6"/> <rect x="161.4" y="210.6" style="fill:#2B3B4E;" width="20.3" height="7.6"/> <rect x="161.4" y="232.6" style="fill:#2B3B4E;" width="20.3" height="7.6"/> <rect x="161.4" y="254.5" style="fill:#2B3B4E;" width="28.7" height="7.6"/> <rect x="161.4" y="276.5" style="fill:#2B3B4E;" width="20.3" height="7.6"/> <rect x="161.4" y="298.5" style="fill:#2B3B4E;" width="20.3" height="7.6"/> <rect x="161.4" y="320.4" style="fill:#2B3B4E;" width="28.7" height="7.6"/> <rect x="161.4" y="342.4" style="fill:#2B3B4E;" width="20.3" height="7.6"/> <rect x="161.4" y="364.4" style="fill:#2B3B4E;" width="20.3" height="7.6"/> <rect x="161.4" y="386.3" style="fill:#2B3B4E;" width="28.7" height="7.6"/> <polygon style="fill:#2B3B4E;" points="313.6,409.5 325.6,386.6 301.5,386.6 "/> </g> <polygon style="fill:#FFFFFF;" points="284.5,354.4 301.5,386.6 325.6,386.6 342.6,354.4 "/> <rect x="284.5" y="156.8" style="fill:#FF7058;" width="19.4" height="197.5"/> <rect x="303.9" y="156.8" style="fill:#F1543F;" width="19.4" height="197.5"/> <rect x="323.3" y="156.8" style="fill:#FF7058;" width="19.4" height="197.5"/> <path style="fill:#FFFFFF;" d="M323.3,94.5h-19.4l0,0c-10.7,0-19.4,8.7-19.4,19.4v19.7h19.4h19.4h19.4v-19.7 C342.6,103.2,334,94.5,323.3,94.5L323.3,94.5z"/> <rect x="284.5" y="133.5" style="fill:#324A5E;" width="58.1" height="23.3"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download