Add icons to this collection by clicking the heart icon.
Document icon - also known as file, document, heart, love, folder, romance, romantic, event, files and folders, and love and romance. Created in a clean flat gradient style with a white, silver, gray, yellow, and pink finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="20.89"
x2="40.765"
y1="15.1"
y2="22.475"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f4f4f4" />
<stop offset=".337" stop-color="#ebebeb" />
<stop offset=".894" stop-color="#d1d1d1" />
<stop offset=".994" stop-color="#ccc" />
</linearGradient>
<linearGradient
id="b"
x1="12.335"
x2="20.002"
y1="14"
y2="14"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a9b3b7" />
<stop offset=".356" stop-color="#8999a0" />
<stop offset=".994" stop-color="#546e7a" />
</linearGradient>
<linearGradient
id="c"
x1="4.239"
x2="46.115"
y1="33.356"
y2="46.283"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff9c4" />
<stop offset=".204" stop-color="#fff8bb" />
<stop offset=".544" stop-color="#fff5a1" />
<stop offset=".975" stop-color="#fff178" />
<stop offset=".994" stop-color="#fff176" />
</linearGradient>
<linearGradient
id="d"
x1="21.062"
x2="32.967"
y1="36.715"
y2="42.049"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f97da0" />
<stop offset=".994" stop-color="#e04c7a" />
</linearGradient>
<path
fill="#fdd835"
d="M55 19H38a1 1 0 0 0-1 1v36a1 1 0 0 0 1 1h17a5.006 5.006 0 0 0 5-5V24a5.006 5.006 0 0 0-5-5z"
/>
<path
fill="url(#a)"
d="M45 7H21a1 1 0 0 0-.707.293l-12 12A1 1 0 0 0 8 20v7a1 1 0 0 0 1 1h40a1 1 0 0 0 1-1V12a5.006 5.006 0 0 0-5-5z"
/>
<path
fill="url(#b)"
d="M21.383 7.076a.997.997 0 0 0-1.09.217l-12 12A1 1 0 0 0 9 21h12a1 1 0 0 0 1-1V8a1 1 0 0 0-.617-.924z"
/>
<path
fill="#ccc"
d="M45 7h-2v4a8 8 0 0 1-8 8H8.586l-.293.293A1 1 0 0 0 8 20v7a1 1 0 0 0 1 1h40a1 1 0 0 0 1-1V12a5.006 5.006 0 0 0-5-5z"
/>
<rect width="50" height="32" x="4" y="25" fill="url(#c)" rx="5" />
<path
fill="url(#d)"
d="M36.778 34.257A6.01 6.01 0 0 0 29 33.651a6 6 0 0 0-7.778 9.092l7.071 7.07a1 1 0 0 0 1.414 0l7.071-7.07a6.007 6.007 0 0 0 0-8.486z"
/>
<path
fill="#fff176"
d="M49 25h-3v6a18 18 0 0 1-18 18H4v3a5 5 0 0 0 5 5h40a5 5 0 0 0 5-5V30a5 5 0 0 0-5-5z"
/>
<path
fill="#e04c7a"
d="M36.778 34.257c-.078-.078-.168-.135-.25-.208-1.802 7.344-8.411 10.2-12.708 11.292l4.473 4.473a1 1 0 0 0 1.414 0l7.071-7.071a6.007 6.007 0 0 0 0-8.486z"
/>
<path
fill="#546e7a"
d="M21.383 7.076a.997.997 0 0 0-1.09.217L20 7.586V15a4 4 0 0 1-4 4H8.586l-.293.293A1 1 0 0 0 9 21h12a1 1 0 0 0 1-1V8a1 1 0 0 0-.617-.924z"
/>
<g fill="#fff">
<path
d="M21.497 39a.98.98 0 0 1-.125-.008 1 1 0 0 1-.87-1.115 5.01 5.01 0 0 1 3.133-4.033 1 1 0 0 1 .73 1.863 3.009 3.009 0 0 0-1.878 2.416 1 1 0 0 1-.99.877zM16 15.414a1 1 0 0 1-.707-1.707l3.414-3.414a1 1 0 0 1 1.414 1.414l-3.414 3.414a.997.997 0 0 1-.707.293zM13 18.414a1 1 0 0 1-.707-1.707l.414-.414a1 1 0 0 1 1.414 1.414l-.414.414a.997.997 0 0 1-.707.293z"
/>
</g>
</svg>
More icons in the same style and category