Add icons to this collection by clicking the heart icon.
Content icon - also known as file, document, archive, quality, content, and seo and web. Created in a clean lineal color style with a white, silver, gray, navy, and purple 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 512 512"
>
<path
d="M402.207 109.792 295.54 3.125c-2-2-4.708-3.125-7.542-3.125h-224c-23.52 0-42.666 19.135-42.666 42.667v426.667c0 23.531 19.146 42.667 42.667 42.667h298.667c23.521 0 42.667-19.135 42.667-42.667v-352a10.664 10.664 0 0 0-3.126-7.542z"
fill="#303c42"
/>
<path
d="m298.665 36.417 70.25 70.25h-48.917c-11.771 0-21.333-9.573-21.333-21.333V36.417z"
fill="#f2f2f2"
/>
<path
d="M362.665 490.667H63.999c-11.771 0-21.333-9.573-21.333-21.333V42.667c0-11.76 9.563-21.333 21.333-21.333h213.333v64c0 23.531 19.146 42.667 42.667 42.667h64v341.333c0 11.76-9.563 21.333-21.334 21.333z"
fill="#fff"
/>
<linearGradient
id="a"
x1="-32.128"
x2="-27.747"
y1="641.996"
y2="637.616"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path
d="M383.999 209.6V128h-64c-11.389 0-21.695-4.551-29.357-11.852l-.099-.004 93.456 93.456z"
fill="url(#a)"
/>
<path
d="M95.999 320h160c5.896 0 10.667-4.771 10.667-10.667s-4.771-10.667-10.667-10.667h-160c-5.896 0-10.667 4.771-10.667 10.667S90.103 320 95.999 320zM95.999 256h234.667a10.66 10.66 0 0 0 10.667-10.667 10.66 10.66 0 0 0-10.667-10.667H95.999a10.66 10.66 0 0 0-10.667 10.667A10.66 10.66 0 0 0 95.999 256zM202.665 362.667H95.999c-5.896 0-10.667 4.771-10.667 10.667S90.103 384 95.999 384h106.667c5.896 0 10.667-4.771 10.667-10.667s-4.772-10.666-10.668-10.666zM202.665 426.667H95.999c-5.896 0-10.667 4.771-10.667 10.667S90.103 448 95.999 448h106.667c5.896 0 10.667-4.771 10.667-10.667s-4.772-10.666-10.668-10.666zM95.999 192h234.667a10.66 10.66 0 0 0 10.667-10.667 10.66 10.66 0 0 0-10.667-10.667H95.999a10.66 10.66 0 0 0-10.667 10.667A10.66 10.66 0 0 0 95.999 192zM487.54 387.125l-64-64c-2-2-4.708-3.125-7.542-3.125H309.332a10.66 10.66 0 0 0-7.542 3.125l-64 64a10.684 10.684 0 0 0-3.125 7.792 10.647 10.647 0 0 0 3.5 7.646L355.498 509.23c2.021 1.844 4.604 2.771 7.167 2.771s5.146-.927 7.167-2.771l117.333-106.667a10.647 10.647 0 0 0 3.5-7.646 10.684 10.684 0 0 0-3.125-7.792z"
fill="#303c42"
/>
<path d="M454.241 384h-41.215l-14.221-42.667h12.777z" fill="#7e57c2" />
<path
d="M376.305 341.333 390.526 384h-55.721l14.221-42.667z"
fill="#9575cd"
/>
<path d="m389.585 405.333-26.92 67.282-26.919-67.282z" fill="#7e57c2" />
<path d="M312.305 384H271.09l42.659-42.667h12.777z" fill="#b39ddb" />
<path d="m312.787 405.333 22.778 56.947-62.64-56.947z" fill="#9575cd" />
<path d="M412.544 405.333h39.862l-62.64 56.947z" fill="#5e35b1" />
<linearGradient
id="b"
x1="-48.438"
x2="-23.835"
y1="639.063"
y2="627.591"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M490.665 394.917a10.688 10.688 0 0 0-3.125-7.792l-64-64c-2-2-4.708-3.125-7.542-3.125h-10.667V117.333a10.66 10.66 0 0 0-3.125-7.542L295.54 3.125c-2-2-4.708-3.125-7.542-3.125h-224c-23.52 0-42.666 19.135-42.666 42.667v426.667c0 23.531 19.146 42.667 42.667 42.667h298.667c20.647 0 37.905-14.751 41.818-34.272l82.682-75.165a10.651 10.651 0 0 0 3.499-7.647z"
fill="url(#b)"
/>
</svg>
More icons in the same style and category