SVG
Viewer
Dark mode
Light mode
Hide sidebar
File Favorite
Iconhub Tritone 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
953 bytes
666 bytes
-30%
Prettify
Preferences
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- License: CC Attribution. Made by iconhub: https://iconhub.io --> <svg width="800px" height="800px" viewBox="0 0 24 24" id="file-favorite" data-name="multi color" xmlns="http://www.w3.org/2000/svg" class="icon multi-color"><path id="tertiary-fill" d="M4,3H7A0,0,0,0,1,7,3V20a0,0,0,0,1,0,0H4a1,1,0,0,1-1-1V4A1,1,0,0,1,4,3Z" style="fill: #b7b7b7; stroke-width: 2;"></path><path id="primary-stroke" d="M10,20H4a1,1,0,0,1-1-1V4A1,1,0,0,1,4,3h8.59a1,1,0,0,1,.7.29l3.42,3.42a1,1,0,0,1,.29.7V9" style="fill: none; stroke: rgb(0, 0, 0); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;"></path><path id="secondary-stroke" d="M16.84,13.72l-.34.34-.34-.34a2.43,2.43,0,0,0-3.45,0,2.47,2.47,0,0,0,0,3.47l1,1L16.5,21l2.75-2.77,1-1a2.47,2.47,0,0,0,0-3.47A2.43,2.43,0,0,0,16.84,13.72Z" style="fill: none; stroke: rgb(44, 169, 188); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;"></path></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
-1px x -1px
Change dimensions
Optimize
953 bytes
666 bytes
-30%
Prettify
Preferences
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- License: CC Attribution. Made by iconhub: https://iconhub.io --> <svg width="800px" height="800px" viewBox="0 0 24 24" id="file-favorite" data-name="multi color" xmlns="http://www.w3.org/2000/svg" class="icon multi-color"><path id="tertiary-fill" d="M4,3H7A0,0,0,0,1,7,3V20a0,0,0,0,1,0,0H4a1,1,0,0,1-1-1V4A1,1,0,0,1,4,3Z" style="fill: #b7b7b7; stroke-width: 2;"></path><path id="primary-stroke" d="M10,20H4a1,1,0,0,1-1-1V4A1,1,0,0,1,4,3h8.59a1,1,0,0,1,.7.29l3.42,3.42a1,1,0,0,1,.29.7V9" style="fill: none; stroke: rgb(0, 0, 0); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;"></path><path id="secondary-stroke" d="M16.84,13.72l-.34.34-.34-.34a2.43,2.43,0,0,0-3.45,0,2.47,2.47,0,0,0,0,3.47l1,1L16.5,21l2.75-2.77,1-1a2.47,2.47,0,0,0,0-3.47A2.43,2.43,0,0,0,16.84,13.72Z" style="fill: none; stroke: rgb(44, 169, 188); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;"></path></svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download