File Heart Icon SVG

Icon File heart SVG code/vector file is given below and you can use that in websites, apps (Android/IOS), ppt, and other projects. You can use our svg code generator to edit svg icon. Icon can be customized in any color or size using color and size picker.

File heart Icon Svg Code | Path | Download

Download free File Heart SVG icons in different sizes (16*16, 24*24, 32*32, 64*64 & Other). Check and download the File Heart Icon SVG code in HTML/Css from below.

File Heart

File heart SVG Icon Code | Customize color

You can get svg icon file heart in blue, white, red color and transparent color from below list. You can also customize color using color picker.

File heart

Svg Code

 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20,8.94a1.31,1.31,0,0,0-.06-.27l0-.09a1.07,1.07,0,0,0-.19-.28h0l-6-6h0a1.07,1.07,0,0,0-.28-.19l-.1,0A1.1,1.1,0,0,0,13.06,2H7A3,3,0,0,0,4,5V19a3,3,0,0,0,3,3H17a3,3,0,0,0,3-3V9S20,9,20,8.94ZM14,5.41,16.59,8H15a1,1,0,0,1-1-1ZM18,19a1,1,0,0,1-1,1H7a1,1,0,0,1-1-1V5A1,1,0,0,1,7,4h5V7a3,3,0,0,0,3,3h3Zm-6-7.66A2.92,2.92,0,0,0,8.57,16l2.72,2.72a1,1,0,0,0,1.42,0L15.43,16A2.92,2.92,0,0,0,12,11.34Zm2,1.93a.92.92,0,0,1,0,1.3l-2,2-2-2a.92.92,0,0,1,0-1.3.92.92,0,0,1,1.3,0,1,1,0,0,0,1.42,0A.92.92,0,0,1,14,13.27Z"/></svg>

File heart

Svg Code

 <svg style='color: white' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20,8.94a1.31,1.31,0,0,0-.06-.27l0-.09a1.07,1.07,0,0,0-.19-.28h0l-6-6h0a1.07,1.07,0,0,0-.28-.19l-.1,0A1.1,1.1,0,0,0,13.06,2H7A3,3,0,0,0,4,5V19a3,3,0,0,0,3,3H17a3,3,0,0,0,3-3V9S20,9,20,8.94ZM14,5.41,16.59,8H15a1,1,0,0,1-1-1ZM18,19a1,1,0,0,1-1,1H7a1,1,0,0,1-1-1V5A1,1,0,0,1,7,4h5V7a3,3,0,0,0,3,3h3Zm-6-7.66A2.92,2.92,0,0,0,8.57,16l2.72,2.72a1,1,0,0,0,1.42,0L15.43,16A2.92,2.92,0,0,0,12,11.34Zm2,1.93a.92.92,0,0,1,0,1.3l-2,2-2-2a.92.92,0,0,1,0-1.3.92.92,0,0,1,1.3,0,1,1,0,0,0,1.42,0A.92.92,0,0,1,14,13.27Z"/></svg>

File heart

Svg Code

 <svg style='color: red' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20,8.94a1.31,1.31,0,0,0-.06-.27l0-.09a1.07,1.07,0,0,0-.19-.28h0l-6-6h0a1.07,1.07,0,0,0-.28-.19l-.1,0A1.1,1.1,0,0,0,13.06,2H7A3,3,0,0,0,4,5V19a3,3,0,0,0,3,3H17a3,3,0,0,0,3-3V9S20,9,20,8.94ZM14,5.41,16.59,8H15a1,1,0,0,1-1-1ZM18,19a1,1,0,0,1-1,1H7a1,1,0,0,1-1-1V5A1,1,0,0,1,7,4h5V7a3,3,0,0,0,3,3h3Zm-6-7.66A2.92,2.92,0,0,0,8.57,16l2.72,2.72a1,1,0,0,0,1.42,0L15.43,16A2.92,2.92,0,0,0,12,11.34Zm2,1.93a.92.92,0,0,1,0,1.3l-2,2-2-2a.92.92,0,0,1,0-1.3.92.92,0,0,1,1.3,0,1,1,0,0,0,1.42,0A.92.92,0,0,1,14,13.27Z"/></svg>

File heart

Svg Code

 <svg style='color: blue' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20,8.94a1.31,1.31,0,0,0-.06-.27l0-.09a1.07,1.07,0,0,0-.19-.28h0l-6-6h0a1.07,1.07,0,0,0-.28-.19l-.1,0A1.1,1.1,0,0,0,13.06,2H7A3,3,0,0,0,4,5V19a3,3,0,0,0,3,3H17a3,3,0,0,0,3-3V9S20,9,20,8.94ZM14,5.41,16.59,8H15a1,1,0,0,1-1-1ZM18,19a1,1,0,0,1-1,1H7a1,1,0,0,1-1-1V5A1,1,0,0,1,7,4h5V7a3,3,0,0,0,3,3h3Zm-6-7.66A2.92,2.92,0,0,0,8.57,16l2.72,2.72a1,1,0,0,0,1.42,0L15.43,16A2.92,2.92,0,0,0,12,11.34Zm2,1.93a.92.92,0,0,1,0,1.3l-2,2-2-2a.92.92,0,0,1,0-1.3.92.92,0,0,1,1.3,0,1,1,0,0,0,1.42,0A.92.92,0,0,1,14,13.27Z"/></svg>

File heart

Svg Code

 <svg style='color: #f3da35' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20,8.94a1.31,1.31,0,0,0-.06-.27l0-.09a1.07,1.07,0,0,0-.19-.28h0l-6-6h0a1.07,1.07,0,0,0-.28-.19l-.1,0A1.1,1.1,0,0,0,13.06,2H7A3,3,0,0,0,4,5V19a3,3,0,0,0,3,3H17a3,3,0,0,0,3-3V9S20,9,20,8.94ZM14,5.41,16.59,8H15a1,1,0,0,1-1-1ZM18,19a1,1,0,0,1-1,1H7a1,1,0,0,1-1-1V5A1,1,0,0,1,7,4h5V7a3,3,0,0,0,3,3h3Zm-6-7.66A2.92,2.92,0,0,0,8.57,16l2.72,2.72a1,1,0,0,0,1.42,0L15.43,16A2.92,2.92,0,0,0,12,11.34Zm2,1.93a.92.92,0,0,1,0,1.3l-2,2-2-2a.92.92,0,0,1,0-1.3.92.92,0,0,1,1.3,0,1,1,0,0,0,1.42,0A.92.92,0,0,1,14,13.27Z"/></svg>

Advance Editor

You can edit file heart as below. Change size color and background color of icon using below tool.

fontawesomeicons.com

Size

Stroke

shapes

Size

Stroke

tab 2 content

Tab 3 content

Related Icons

File Heart Icon SVG - Faq(s)?

⭐Can I get Free File Heart Icon SVG?

Yes, you can get free File Heart SVG icons.

⭐ How to download free File Heart Icon SVG code?

To download free File Heart icons in SVG code click on the copy code button.

⭐How to find the File Heart Icon SVG path file?

You can get the File Heart SVG file path from the above section.

⭐ What are the colors available for SVG File Heart Icon?

You can check the File Heart SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.