Add icons to this collection by clicking the heart icon.
Document icon - also known as technology, document, security, shield, protection, secure, documents, antivirus, and files and folders. Created in a clean lineal gradient style, 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.006 512.006"
>
<linearGradient
id="a"
x1="-4.255"
x2="-4.255"
y1="636.948"
y2="574.991"
gradientTransform="matrix(8.5326 0 0 -8.5326 369.106 5432.802)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path
d="m273.76 440.787 55.223 27.654a8.512 8.512 0 0 0 7.628 0l55.223-27.612c31.895-15.811 52.023-48.397 51.887-83.995V196.25a8.536 8.536 0 0 0-8.533-8.533H230.405a8.536 8.536 0 0 0-8.533 8.533v160.584c-.119 35.59 20.001 68.142 51.888 83.953zm110.446-15.265-42.876 21.434V332.772h85.326v24.062c.094 29.114-16.366 55.752-42.45 68.688zm42.45-109.815H341.33V204.783h85.326v110.924zM324.264 204.783v110.924h-85.326V204.783h85.326zm-85.326 127.989h85.326v114.184l-42.876-21.434c-26.084-12.935-42.544-39.574-42.45-68.688v-24.062z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-13.255"
x2="-13.255"
y1="636.948"
y2="574.991"
gradientTransform="matrix(8.5326 0 0 -8.5326 369.106 5432.802)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path
d="M42.688 477.827h219.886c.222.111.418.239.64.35l65.769 32.927a8.512 8.512 0 0 0 7.628 0l65.769-32.885c46.392-23.004 75.659-70.386 75.471-122.162V162.12a8.536 8.536 0 0 0-8.533-8.533H409.59V76.794a8.536 8.536 0 0 0-8.533-8.533H375.46V42.663a8.536 8.536 0 0 0-8.533-8.533h-230.38c0-18.849-15.282-34.13-34.13-34.13s-34.13 15.282-34.13 34.13H42.688a8.536 8.536 0 0 0-8.533 8.533v426.631a8.53 8.53 0 0 0 8.533 8.533zm418.098-121.769c.154 45.291-25.453 86.734-66.034 106.845l-61.955 30.982-61.955-30.982c-40.581-20.111-66.188-61.554-66.034-106.845V170.652h255.979v185.406zM392.525 85.326v68.261H375.46V85.326h17.065zM102.416 17.065c9.429 0 17.065 7.637 17.065 17.065h-34.13c0-9.428 7.636-17.065 17.065-17.065zM51.22 51.196h68.261v25.598c0 4.71-3.823 8.533-8.533 8.533s-8.533-3.823-8.533-8.533v-8.533H85.351v8.533c0 14.139 11.459 25.598 25.598 25.598s25.598-11.459 25.598-25.598V51.196h221.848v102.391h-162.12a8.536 8.536 0 0 0-8.533 8.533v193.938a135.658 135.658 0 0 0 48.926 104.704H51.22V51.196z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-31.258"
x2="-31.258"
y1="636.948"
y2="574.991"
gradientTransform="matrix(8.5326 0 0 -8.5326 369.106 5432.802)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M93.858 162.12h17.065v17.065H93.858z" fill="url(#c)" />
<linearGradient
id="d"
x1="-26.258"
x2="-26.258"
y1="636.948"
y2="574.991"
gradientTransform="matrix(8.5326 0 0 -8.5326 369.106 5432.802)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M127.988 162.12h34.13v17.065h-34.13z" fill="url(#d)" />
<linearGradient
id="e"
x1="-29.258"
x2="-29.258"
y1="636.948"
y2="574.991"
gradientTransform="matrix(8.5326 0 0 -8.5326 369.106 5432.802)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M76.793 196.25h85.326v17.065H76.793z" fill="url(#e)" />
<linearGradient
id="f"
x1="-18.258"
x2="-18.258"
y1="636.948"
y2="574.991"
gradientTransform="matrix(8.5326 0 0 -8.5326 369.106 5432.802)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M204.782 76.794h17.065v17.065h-17.065z" fill="url(#f)" />
<linearGradient
id="g"
x1="-9.758"
x2="-9.758"
y1="636.948"
y2="574.991"
gradientTransform="matrix(8.5326 0 0 -8.5326 369.106 5432.802)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M238.912 76.794h93.859v17.065h-93.859z" fill="url(#g)" />
<linearGradient
id="h"
x1="-13.758"
x2="-13.758"
y1="636.948"
y2="574.991"
gradientTransform="matrix(8.5326 0 0 -8.5326 369.106 5432.802)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M187.717 110.924h127.989v17.065H187.717z" fill="url(#h)" />
<linearGradient
id="i"
x1="-29.258"
x2="-29.258"
y1="636.948"
y2="574.991"
gradientTransform="matrix(8.5326 0 0 -8.5326 369.106 5432.802)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M76.793 230.381h85.326v17.065H76.793z" fill="url(#i)" />
<linearGradient
id="j"
x1="-30.258"
x2="-30.258"
y1="636.948"
y2="574.991"
gradientTransform="matrix(8.5326 0 0 -8.5326 369.106 5432.802)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M76.793 264.511h68.261v17.065H76.793z" fill="url(#j)" />
<linearGradient
id="k"
x1="-31.258"
x2="-31.258"
y1="636.948"
y2="574.991"
gradientTransform="matrix(8.5326 0 0 -8.5326 369.106 5432.802)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M93.858 315.707h17.065v17.065H93.858z" fill="url(#k)" />
<linearGradient
id="l"
x1="-26.258"
x2="-26.258"
y1="636.948"
y2="574.991"
gradientTransform="matrix(8.5326 0 0 -8.5326 369.106 5432.802)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M127.988 315.707h34.13v17.065h-34.13z" fill="url(#l)" />
<linearGradient
id="m"
x1="-29.258"
x2="-29.258"
y1="636.948"
y2="574.991"
gradientTransform="matrix(8.5326 0 0 -8.5326 369.106 5432.802)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M76.793 349.838h85.326v17.065H76.793z" fill="url(#m)" />
<linearGradient
id="n"
x1="-29.258"
x2="-29.258"
y1="636.948"
y2="574.991"
gradientTransform="matrix(8.5326 0 0 -8.5326 369.106 5432.802)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M76.793 383.968h85.326v17.065H76.793z" fill="url(#n)" />
<linearGradient
id="o"
x1="-30.258"
x2="-30.258"
y1="636.948"
y2="574.991"
gradientTransform="matrix(8.5326 0 0 -8.5326 369.106 5432.802)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M76.793 418.098h68.261v17.065H76.793z" fill="url(#o)" />
<linearGradient
id="p"
x1="-37.255"
x2="-37.255"
y1="636.948"
y2="574.991"
gradientTransform="matrix(8.5326 0 0 -8.5326 369.106 5432.802)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path
d="M34.155 511.957h68.261v-17.065H34.155c-9.429 0-17.065-7.637-17.065-17.065v-162.12H.025v162.12c0 18.848 15.281 34.13 34.13 34.13z"
fill="url(#p)"
/>
<linearGradient
id="q"
x1="-42.255"
x2="-42.255"
y1="636.948"
y2="574.991"
gradientTransform="matrix(8.5326 0 0 -8.5326 369.106 5432.802)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M.025 281.577H17.09v17.065H.025z" fill="url(#q)" />
<linearGradient
id="r"
x1="13.745"
x2="13.745"
y1="636.948"
y2="574.991"
gradientTransform="matrix(8.5326 0 0 -8.5326 369.106 5432.802)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path
d="M477.851 119.457h-17.065v17.065h17.065c9.429 0 17.065 7.637 17.065 17.065v162.12h17.065v-162.12c.001-18.848-15.281-34.13-34.13-34.13z"
fill="url(#r)"
/>
<linearGradient
id="s"
x1="15.742"
x2="15.742"
y1="636.948"
y2="574.991"
gradientTransform="matrix(8.5326 0 0 -8.5326 369.106 5432.802)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M494.891 332.772h17.065v17.065h-17.065z" fill="url(#s)" />
</svg>
More icons in the same style and category