SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Image
Colour Creative Duotone Line Icons
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
872 bytes
583 bytes
-33%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- License: CC Attribution. Made by colourcreative: https://www.figma.com/@colourcreative --> <svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.53 2.78339H6.47009C4.43401 2.78339 2.78345 4.43395 2.78345 6.47002V17.5299C2.78345 19.566 4.43401 21.2166 6.47009 21.2166H17.53C19.5661 21.2166 21.2167 19.566 21.2167 17.53V6.47003C21.2167 4.43395 19.5661 2.78339 17.53 2.78339Z" stroke="#1C1C1C" stroke-width="1.7" stroke-linecap="round"/> <path d="M8.31341 21.2166C8.31341 19.2476 8.85425 16.3772 10.4311 13.8433M21.2166 8.31335C15.6197 8.31335 12.2988 10.8423 10.4311 13.8433M2.78345 12C4.19526 11.477 7.70134 11.1135 10.4311 13.8433" stroke="#1C1C1C" stroke-width="1.7" stroke-linecap="round"/> <circle cx="7.85246" cy="6.93089" r="1.38249" fill="#DF1463"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
872 bytes
583 bytes
-33%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- License: CC Attribution. Made by colourcreative: https://www.figma.com/@colourcreative --> <svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.53 2.78339H6.47009C4.43401 2.78339 2.78345 4.43395 2.78345 6.47002V17.5299C2.78345 19.566 4.43401 21.2166 6.47009 21.2166H17.53C19.5661 21.2166 21.2167 19.566 21.2167 17.53V6.47003C21.2167 4.43395 19.5661 2.78339 17.53 2.78339Z" stroke="#1C1C1C" stroke-width="1.7" stroke-linecap="round"/> <path d="M8.31341 21.2166C8.31341 19.2476 8.85425 16.3772 10.4311 13.8433M21.2166 8.31335C15.6197 8.31335 12.2988 10.8423 10.4311 13.8433M2.78345 12C4.19526 11.477 7.70134 11.1135 10.4311 13.8433" stroke="#1C1C1C" stroke-width="1.7" stroke-linecap="round"/> <circle cx="7.85246" cy="6.93089" r="1.38249" fill="#DF1463"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG