SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Screen Heart
Flat Valentine Vectors
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
4.11 KB
1.97 KB
-52%
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"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <!-- License: PD. Made by TrackDuck: https://github.com/TrackDuck/free-icon-pack --> <svg version="1.1" id="screen-heart" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 59.9995 50.1353" enable-background="new 0 0 59.9995 50.1353" xml:space="preserve"> <g id="screen-heart-screen-heart"> <g id="screen-heart-color"> <path fill="#F16061" d="M57.5962,33.981H2.397l-0.0904,0.0215l-1.2544,0.2461V4.2671c0-1.772,1.4424-3.2143,3.2159-3.2143h51.4628 c1.7735,0,3.2159,1.4423,3.2159,3.2143v29.999L57.5962,33.981z"/> <rect x="23.8017" y="42.3784" fill="#FFFFFF" width="12.9034" height="5.6524"/> <path fill="#FDE3E3" d="M55.7309,40.273H4.2681c-1.1924,0-2.1631-0.9688-2.1631-2.1612v-3.1191 c0.0678,0.0137,0.1318,0.041,0.2046,0.041H57.687c0.0732,0,0.1387-0.0273,0.207-0.042v3.1201 C57.894,39.3042,56.9233,40.273,55.7309,40.273z"/> <path fill="#FFFFFF" d="M30.0005,14.1358c0-3.1973-2.5913-5.7876-5.7906-5.7876c-3.1967,0-5.789,2.5903-5.789,5.7876 c0,1.6753,0.7236,3.1723,1.8603,4.2309l-0.0141,0.003l9.7334,9.7334l9.7363-9.7334c-0.001-0.003-0.0068-0.003-0.0107-0.0069 c1.1338-1.0581,1.8535-2.5517,1.8535-4.227c0-3.1973-2.5908-5.7876-5.7891-5.7876C32.5933,8.3482,30.0005,10.9385,30.0005,14.1358 z"/> </g> <g id="screen-heart-line"> <g id="screen-heart-screen"> <g> <path fill="#393939" d="M55.7309,42.3784H4.2681C1.9141,42.3784,0,40.4644,0,38.1118V4.2671C0,1.9141,1.9141,0,4.2681,0h51.4628 c2.3545,0,4.2686,1.9141,4.2686,4.2671v33.8447C59.9995,40.4644,58.0854,42.3784,55.7309,42.3784L55.7309,42.3784z M4.2681,2.1055c-1.1924,0-2.1631,0.9697-2.1631,2.1616v33.8447c0,1.1915,0.9707,2.1612,2.1631,2.1612h51.4628 c1.1924,0,2.1631-0.9697,2.1631-2.1612V4.2671c0-1.1919-0.9707-2.1616-2.1631-2.1616H4.2681L4.2681,2.1055z"/> </g> <g> <path fill="#393939" d="M57.687,35.0337H2.3096c-0.5806,0-1.0528-0.4717-1.0528-1.0527c0-0.5801,0.4722-1.0527,1.0528-1.0527 H57.687c0.5811,0,1.0527,0.4726,1.0527,1.0527C58.7397,34.562,58.2681,35.0337,57.687,35.0337L57.687,35.0337z"/> </g> <g> <path fill="#393939" d="M22.7495,50.1353c-0.5811,0-1.0527-0.4707-1.0527-1.0528l-0.001-6.7041 c0-0.582,0.4717-1.0527,1.0527-1.0527c0.5816,0,1.0528,0.4707,1.0528,1.0527l0.0009,6.7041 C23.8022,49.6646,23.3301,50.1353,22.7495,50.1353L22.7495,50.1353z"/> </g> <g> <path fill="#393939" d="M37.7583,50.1353c-0.582,0-1.0527-0.4707-1.0527-1.0528v-6.7041c0-0.582,0.4707-1.0527,1.0527-1.0527 c0.582,0,1.0527,0.4707,1.0527,1.0527v6.7041C38.811,49.6646,38.3403,50.1353,37.7583,50.1353L37.7583,50.1353z"/> </g> <g> <path fill="#393939" d="M40.0679,50.1353H19.9307c-0.5806,0-1.0528-0.4707-1.0528-1.0528c0-0.581,0.4722-1.0517,1.0528-1.0517 h20.1372c0.581,0,1.0527,0.4707,1.0527,1.0517C41.1206,49.6646,40.6489,50.1353,40.0679,50.1353L40.0679,50.1353z"/> </g> <g> <line fill="none" x1="29.9995" y1="37.8706" x2="29.9995" y2="37.8706"/> </g> </g> <g> <g> <path fill="#393939" d="M30.0005,29.1558c-0.2691,0-0.5386-0.1025-0.7442-0.3086l-9.7339-9.7334 c-0.0327-0.0322-0.0634-0.0664-0.0903-0.1025c-1.332-1.3047-2.0639-3.0288-2.0639-4.8755c0-3.7715,3.0693-6.8404,6.8417-6.8404 c2.4356,0,4.5777,1.2779,5.7906,3.1983c1.2129-1.9204,3.3545-3.1983,5.79-3.1983c3.7725,0,6.8418,3.0689,6.8418,6.8404 c0,1.8476-0.7314,3.5713-2.0615,4.8745c-0.0264,0.0361-0.0576,0.0708-0.0899,0.1035l-9.7363,9.7334 C30.5391,29.0533,30.27,29.1558,30.0005,29.1558L30.0005,29.1558z M21.1304,17.7447l8.8701,8.8701l8.8769-8.874 c0.0391-0.0533,0.0821-0.1026,0.1309-0.148c0.9785-0.9136,1.5185-2.1416,1.5185-3.457c0-2.6114-2.125-4.7349-4.7363-4.7349 c-2.6123,0-4.7373,2.1235-4.7373,4.7349c0,0.581-0.4717,1.0522-1.0527,1.0522c-0.5806,0-1.0528-0.4712-1.0528-1.0522 c0-2.6114-2.1245-4.7349-4.7378-4.7349c-2.6108,0-4.7368,2.1235-4.7368,4.7349c0,1.3154,0.542,2.5449,1.5259,3.4609 C21.0483,17.6426,21.0913,17.6919,21.1304,17.7447L21.1304,17.7447z"/> </g> </g> </g> </g> </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
4.11 KB
1.97 KB
-52%
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"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <!-- License: PD. Made by TrackDuck: https://github.com/TrackDuck/free-icon-pack --> <svg version="1.1" id="screen-heart" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 59.9995 50.1353" enable-background="new 0 0 59.9995 50.1353" xml:space="preserve"> <g id="screen-heart-screen-heart"> <g id="screen-heart-color"> <path fill="#F16061" d="M57.5962,33.981H2.397l-0.0904,0.0215l-1.2544,0.2461V4.2671c0-1.772,1.4424-3.2143,3.2159-3.2143h51.4628 c1.7735,0,3.2159,1.4423,3.2159,3.2143v29.999L57.5962,33.981z"/> <rect x="23.8017" y="42.3784" fill="#FFFFFF" width="12.9034" height="5.6524"/> <path fill="#FDE3E3" d="M55.7309,40.273H4.2681c-1.1924,0-2.1631-0.9688-2.1631-2.1612v-3.1191 c0.0678,0.0137,0.1318,0.041,0.2046,0.041H57.687c0.0732,0,0.1387-0.0273,0.207-0.042v3.1201 C57.894,39.3042,56.9233,40.273,55.7309,40.273z"/> <path fill="#FFFFFF" d="M30.0005,14.1358c0-3.1973-2.5913-5.7876-5.7906-5.7876c-3.1967,0-5.789,2.5903-5.789,5.7876 c0,1.6753,0.7236,3.1723,1.8603,4.2309l-0.0141,0.003l9.7334,9.7334l9.7363-9.7334c-0.001-0.003-0.0068-0.003-0.0107-0.0069 c1.1338-1.0581,1.8535-2.5517,1.8535-4.227c0-3.1973-2.5908-5.7876-5.7891-5.7876C32.5933,8.3482,30.0005,10.9385,30.0005,14.1358 z"/> </g> <g id="screen-heart-line"> <g id="screen-heart-screen"> <g> <path fill="#393939" d="M55.7309,42.3784H4.2681C1.9141,42.3784,0,40.4644,0,38.1118V4.2671C0,1.9141,1.9141,0,4.2681,0h51.4628 c2.3545,0,4.2686,1.9141,4.2686,4.2671v33.8447C59.9995,40.4644,58.0854,42.3784,55.7309,42.3784L55.7309,42.3784z M4.2681,2.1055c-1.1924,0-2.1631,0.9697-2.1631,2.1616v33.8447c0,1.1915,0.9707,2.1612,2.1631,2.1612h51.4628 c1.1924,0,2.1631-0.9697,2.1631-2.1612V4.2671c0-1.1919-0.9707-2.1616-2.1631-2.1616H4.2681L4.2681,2.1055z"/> </g> <g> <path fill="#393939" d="M57.687,35.0337H2.3096c-0.5806,0-1.0528-0.4717-1.0528-1.0527c0-0.5801,0.4722-1.0527,1.0528-1.0527 H57.687c0.5811,0,1.0527,0.4726,1.0527,1.0527C58.7397,34.562,58.2681,35.0337,57.687,35.0337L57.687,35.0337z"/> </g> <g> <path fill="#393939" d="M22.7495,50.1353c-0.5811,0-1.0527-0.4707-1.0527-1.0528l-0.001-6.7041 c0-0.582,0.4717-1.0527,1.0527-1.0527c0.5816,0,1.0528,0.4707,1.0528,1.0527l0.0009,6.7041 C23.8022,49.6646,23.3301,50.1353,22.7495,50.1353L22.7495,50.1353z"/> </g> <g> <path fill="#393939" d="M37.7583,50.1353c-0.582,0-1.0527-0.4707-1.0527-1.0528v-6.7041c0-0.582,0.4707-1.0527,1.0527-1.0527 c0.582,0,1.0527,0.4707,1.0527,1.0527v6.7041C38.811,49.6646,38.3403,50.1353,37.7583,50.1353L37.7583,50.1353z"/> </g> <g> <path fill="#393939" d="M40.0679,50.1353H19.9307c-0.5806,0-1.0528-0.4707-1.0528-1.0528c0-0.581,0.4722-1.0517,1.0528-1.0517 h20.1372c0.581,0,1.0527,0.4707,1.0527,1.0517C41.1206,49.6646,40.6489,50.1353,40.0679,50.1353L40.0679,50.1353z"/> </g> <g> <line fill="none" x1="29.9995" y1="37.8706" x2="29.9995" y2="37.8706"/> </g> </g> <g> <g> <path fill="#393939" d="M30.0005,29.1558c-0.2691,0-0.5386-0.1025-0.7442-0.3086l-9.7339-9.7334 c-0.0327-0.0322-0.0634-0.0664-0.0903-0.1025c-1.332-1.3047-2.0639-3.0288-2.0639-4.8755c0-3.7715,3.0693-6.8404,6.8417-6.8404 c2.4356,0,4.5777,1.2779,5.7906,3.1983c1.2129-1.9204,3.3545-3.1983,5.79-3.1983c3.7725,0,6.8418,3.0689,6.8418,6.8404 c0,1.8476-0.7314,3.5713-2.0615,4.8745c-0.0264,0.0361-0.0576,0.0708-0.0899,0.1035l-9.7363,9.7334 C30.5391,29.0533,30.27,29.1558,30.0005,29.1558L30.0005,29.1558z M21.1304,17.7447l8.8701,8.8701l8.8769-8.874 c0.0391-0.0533,0.0821-0.1026,0.1309-0.148c0.9785-0.9136,1.5185-2.1416,1.5185-3.457c0-2.6114-2.125-4.7349-4.7363-4.7349 c-2.6123,0-4.7373,2.1235-4.7373,4.7349c0,0.581-0.4717,1.0522-1.0527,1.0522c-0.5806,0-1.0528-0.4712-1.0528-1.0522 c0-2.6114-2.1245-4.7349-4.7378-4.7349c-2.6108,0-4.7368,2.1235-4.7368,4.7349c0,1.3154,0.542,2.5449,1.5259,3.4609 C21.0483,17.6426,21.0913,17.6919,21.1304,17.7447L21.1304,17.7447z"/> </g> </g> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download