Add icons to this collection by clicking the heart icon.
Document icon - also known as technology, file, document, envelope, send, sending, and communications. Created in a clean lineal color style with a white and navy 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="100"
height="100"
viewBox="0 0 469.333 469.333"
>
<path
d="M469.333 181.26a10.656 10.656 0 0 0-4.271-8.458l-38.396-28.797v-26.672a10.66 10.66 0 0 0-3.125-7.542L316.875 3.125c-2-2-4.708-3.125-7.542-3.125h-224C61.802 0 42.667 19.135 42.667 42.667v101.339L4.271 172.802c-2.667 2-4.25 5.125-4.271 8.458 0 .026.017.047.017.073H0v245.333c0 23.531 19.135 42.667 42.667 42.667h384c23.531 0 42.667-19.135 42.667-42.667V181.333h-.017c-.001-.026.016-.047.016-.073z"
fill="#303c42"
/>
<path
d="M441.073 181.469c-3.904 3.03-8.868 6.891-14.406 11.203v-22.009l14.406 10.806z"
fill="#f2f2f2"
/>
<path
d="m320 36.417 70.25 70.25h-48.917c-11.76 0-21.333-9.573-21.333-21.333V36.417z"
fill="#e6e6e6"
/>
<path
d="M85.333 21.333h213.333v64c0 23.531 19.135 42.667 42.667 42.667h64v81.318c-49.523 38.724-124.72 98.095-156.135 125.901-2.573 2.281-7.938 6.115-14.865 6.115-5.063 0-9.948-2.052-14.531-6.115C188.176 307.215 113.344 248.033 64 209.384V42.667c0-11.761 9.573-21.334 21.333-21.334z"
fill="#fff"
/>
<path
d="M42.667 170.664v22.044c-5.544-4.324-10.51-8.191-14.417-11.229l14.417-10.815z"
fill="#f2f2f2"
/>
<path
d="M441.073 181.469c-3.904 3.03-8.868 6.891-14.406 11.203v-22.009l14.406 10.806z"
opacity=".15"
/>
<path
d="M42.667 170.664v22.044c-5.544-4.324-10.51-8.191-14.417-11.229l14.417-10.815z"
opacity=".1"
/>
<path
d="M426.667 448h-384c-11.76 0-21.333-9.573-21.333-21.333V203.112c44.49 34.63 147.421 115.396 184.323 148.086 8.479 7.5 18.396 11.469 28.677 11.469 10.354 0 20.656-4.073 29.01-11.469C301.694 317.238 406.667 235.23 448 203.105v223.561c0 11.761-9.573 21.334-21.333 21.334z"
fill="#fafafa"
/>
<linearGradient
id="a"
x1="-61.037"
x2="-45.59"
y1="619.63"
y2="604.184"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path
d="M426.671 448c11.76 0 21.333-9.573 21.333-21.333V203.105c-41.333 32.125-146.306 114.133-184.656 148.092-8.354 7.396-18.656 11.469-29.01 11.469-10.281 0-20.198-3.969-28.677-11.469-36.902-32.69-139.833-113.456-184.323-148.086L266.225 448h160.446z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-51.459"
x2="-47.086"
y1="619.663"
y2="615.29"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path
d="m311.952 116.132 93.272 93.272.109-.086V128h-64c-11.405 0-21.72-4.557-29.381-11.868z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-67.567"
x2="-43.906"
y1="617.169"
y2="606.132"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M469.333 181.26a10.656 10.656 0 0 0-4.271-8.458l-38.396-28.797v-26.672a10.66 10.66 0 0 0-3.125-7.542L316.875 3.125c-2-2-4.708-3.125-7.542-3.125h-224C61.802 0 42.667 19.135 42.667 42.667v101.339L4.271 172.802c-2.667 2-4.25 5.125-4.271 8.458 0 .026.017.047.017.073H0v245.333c0 23.531 19.135 42.667 42.667 42.667h384c23.531 0 42.667-19.135 42.667-42.667V181.333h-.017c-.001-.026.016-.047.016-.073z"
fill="url(#c)"
/>
</svg>
More icons in the same style and category