Add icons to this collection by clicking the heart icon.
File Extension icon - also known as document, format, extension, graphic design, archive, file extension, illustrator, ai, and edit tools. Created in a clean lineal color style with a white, silver, navy, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="c" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="d" clipPathUnits="userSpaceOnUse">
<path
d="M548.074 209.12c18.728-64.004 72.707-194.564 163.922-182.845C803.482 38.03 767.754 156 851.504 172.169c36.867 7.118 61.857-56.689 98.807-54.704 47.587 2.556 71.809 49.663 85.107 89.264 28.197 83.967-14.028 226.352-112.858 251.011-86.245 21.52-96.332-83.854-171.322-53.247-42.149 17.203-37.937 68.576-89.271 78.942-155.3 31.359-138.812-189.151-113.893-274.315"
/>
</clipPath>
<clipPath id="g" clipPathUnits="userSpaceOnUse">
<path
d="M12.204 406.089C3.501 384.974.021 367.78 0 352.935v-.254c.064-51.338 41.52-74.521 50.947-134.466C60.708 156.154-.234 96.719 34.553 41.933 72.436-17.731 198.019-2.748 245.751 25.485c87.375 51.683 43.308 112.012 84.684 187.299 39.406 71.707 116.244 42.625 160.961 99.99 42.499 54.52 14.31 122.403-39.598 155.263-50.83 30.984-110.653 43.213-169.558 43.218-127.158.009-250.159-56.945-270.036-105.166"
/>
</clipPath>
<clipPath id="j" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="k" clipPathUnits="userSpaceOnUse">
<path d="M99.783 454.73h311.38V32.27H99.783Z" />
</clipPath>
<linearGradient
id="a"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(503.11551 -503.11551) rotate(-30 -.073 -2.23)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="0" stop-color="#fff" />
<stop offset=".553" stop-opacity="1" stop-color="#fff" />
<stop offset=".629" stop-opacity="1" stop-color="#fff" />
<stop offset="1" stop-opacity="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(503.11551 -503.11551) rotate(-30 -.073 -2.23)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#dcfdee" />
<stop offset=".553" stop-opacity="1" stop-color="#d2f3e4" />
<stop offset=".629" stop-opacity="1" stop-color="#d2f3e4" />
<stop offset="1" stop-opacity="1" stop-color="#d2f3e4" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(599.33345 -599.33345) rotate(-50 -.109 -.06)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="0" stop-color="#fff" />
<stop offset=".337" stop-opacity="0" stop-color="#fff" />
<stop offset=".685" stop-opacity="1" stop-color="#fff" />
<stop offset="1" stop-opacity="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="i"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(599.33345 -599.33345) rotate(-50 -.109 -.06)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#d2deff" />
<stop offset=".337" stop-opacity="1" stop-color="#d2deff" />
<stop offset=".685" stop-opacity="1" stop-color="#d2deff" />
<stop offset="1" stop-opacity="1" stop-color="#d2deff" />
</linearGradient>
<mask
id="e"
width="1"
height="1"
x="0"
y="0"
maskUnits="userSpaceOnUse"
>
<path
d="M-32768 32767h65535v-65535h-65535Z"
fill="url(#a)"
stroke="none"
/>
</mask>
<mask
id="h"
width="1"
height="1"
x="0"
y="0"
maskUnits="userSpaceOnUse"
>
<path
d="M-32768 32767h65535v-65535h-65535Z"
fill="url(#b)"
stroke="none"
/>
</mask>
</defs>
<g clip-path="url(#c)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g clip-path="url(#d)">
<g mask="url(#e)">
<path
d="M548.074 209.12c18.728-64.004 72.707-194.564 163.922-182.845C803.482 38.03 767.754 156 851.504 172.169c36.867 7.118 61.857-56.689 98.807-54.704 47.587 2.556 71.809 49.663 85.107 89.264 28.197 83.967-14.028 226.352-112.858 251.011-86.245 21.52-96.332-83.854-171.322-53.247-42.149 17.203-37.937 68.576-89.271 78.942-155.3 31.359-138.812-189.151-113.893-274.315"
fill="url(#f)"
stroke="none"
/>
</g>
</g>
</g>
<g clip-path="url(#g)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g mask="url(#h)">
<path
d="M12.204 406.089C3.501 384.974.021 367.78 0 352.935v-.254c.064-51.338 41.52-74.521 50.947-134.466C60.708 156.154-.234 96.719 34.553 41.933 72.436-17.731 198.019-2.748 245.751 25.485c87.375 51.683 43.308 112.012 84.684 187.299 39.406 71.707 116.244 42.625 160.961 99.99 42.499 54.52 14.31 122.403-39.598 155.263-50.83 30.984-110.653 43.213-169.558 43.218-127.158.009-250.159-56.945-270.036-105.166"
fill="url(#i)"
stroke="none"
/>
</g>
</g>
<g clip-path="url(#j)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g clip-path="url(#k)" opacity=".2">
<path
d="M0 0v-327.83c0-8.284-6.716-15-15-15h-281.38c-8.284 0-15 6.716-15 15V64.631c0 8.284 6.716 15 15 15h216.75z"
transform="translate(411.163 375.1)"
fill="#6583fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<path
d="M0 0v-327.83c0-8.284-6.716-15-15-15h-281.38c-8.284 0-15 6.716-15 15V64.631c0 8.284 6.716 15 15 15h216.75z"
transform="translate(411.163 400.1)"
fill="#ffdbed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v84.631L79.63 5v-20H15C6.716-15 0-8.284 0 0"
transform="translate(331.533 395.1)"
fill="#ffc4df"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a6.621 6.621 0 0 0 6.613-6.613A6.621 6.621 0 0 0 0-13.227a6.621 6.621 0 0 0-6.613 6.614A6.621 6.621 0 0 0 0 0m16.613-6.613C16.613 2.548 9.16 10 0 10S-16.613 2.547-16.613-6.613c0-4.518 1.818-8.616 4.755-11.614-2.937-2.998-4.755-7.095-4.755-11.613a5 5 0 1 1 10 0A6.62 6.62 0 0 0 0-23.227a6.62 6.62 0 0 0 6.613-6.613 5 5 0 0 1 10 0c0 4.518-1.817 8.615-4.754 11.613 2.937 2.998 4.754 7.096 4.754 11.614"
transform="translate(146.473 441.727)"
fill="#ff7eb8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-136.73c0-8.284 6.716-15 15-15h281.38c8.284 0 15 6.716 15 15V0Z"
transform="translate(99.783 209)"
fill="#ff7eb8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v64.631L79.63-15H15C6.716-15 0-8.284 0 0"
transform="translate(331.533 415.1)"
fill="#ff7eb8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-182.749c-8.284 0-15-6.717-15-15v-392.461c0-8.283 6.716-15 15-15h281.38c8.284 0 15 6.717 15 15v327.83L34.001 0v-64.631c0-8.283 6.716-15 15-15H79.63"
transform="translate(297.532 479.73)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 7.949 34.711L15.898 0Zm21.183 44.122A13.512 13.512 0 0 1 7.949 54.667 13.507 13.507 0 0 1-5.283 44.121l-18.92-82.614a7.5 7.5 0 0 1 14.621-3.348L-3.435-15h22.769l6.146-26.841a7.501 7.501 0 0 1 14.622 3.348z"
transform="translate(233.62 129)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.499 7.499 0 0 1-7.5-7.5v-37.167c0-4.143 3.357-7.5 7.5-7.5s7.5 3.357 7.5 7.5V-7.5C7.5-3.357 4.143 0 0 0"
transform="translate(294.22 133.5)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.499 7.499 0 0 1-7.5-7.5v-.115c0-4.143 3.357-7.5 7.5-7.5s7.5 3.357 7.5 7.5v.115C7.5-3.357 4.143 0 0 0"
transform="translate(294.22 157.782)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M189.951 242.631h131.043v131.044H189.951Zm136.043-10H184.951a5 5 0 0 0-5 5v141.044a5 5 0 0 0 5 5h141.043a5 5 0 0 0 5-5V237.631a5 5 0 0 0-5-5"
fill="#ff7eb8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M330.994 373h-10v-14.25h10zM330.994 300.5h-10V289h10zM189.951 300.5h-10V289h10zM189.951 373h-10v-14.25h10z"
fill="#ff5ba8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-10.318c-3.837 0-6.959-3.122-6.959-6.96v-10.317a6.967 6.967 0 0 1 6.959-6.959H0a6.967 6.967 0 0 1 6.959 6.959V-6.96C6.959-3.122 3.837 0 0 0"
transform="translate(190.11 390.793)"
fill="#ffa8cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-10.318c-3.837 0-6.959-3.122-6.959-6.96v-10.317a6.967 6.967 0 0 1 6.959-6.959H0a6.967 6.967 0 0 1 6.959 6.959V-6.96C6.959-3.122 3.837 0 0 0"
transform="translate(260.632 390.793)"
fill="#ffa8cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-10.318c-3.837 0-6.959-3.122-6.959-6.96v-10.317a6.967 6.967 0 0 1 6.959-6.959H0a6.967 6.967 0 0 1 6.959 6.959V-6.96C6.959-3.122 3.837 0 0 0"
transform="translate(331.153 390.793)"
fill="#ffa8cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-10.318a6.967 6.967 0 0 1-6.959-6.959v-10.318a6.967 6.967 0 0 1 6.959-6.959H0a6.967 6.967 0 0 1 6.959 6.959v10.318A6.967 6.967 0 0 1 0 0"
transform="translate(190.11 249.749)"
fill="#ffa8cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-10.318a6.967 6.967 0 0 1-6.959-6.959v-10.318a6.967 6.967 0 0 1 6.959-6.959H0a6.967 6.967 0 0 1 6.959 6.959v10.318A6.967 6.967 0 0 1 0 0"
transform="translate(260.632 249.749)"
fill="#ffa8cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-10.318a6.967 6.967 0 0 1-6.959-6.959v-10.318a6.967 6.967 0 0 1 6.959-6.959H0a6.967 6.967 0 0 1 6.959 6.959v10.318A6.967 6.967 0 0 1 0 0"
transform="translate(331.153 249.749)"
fill="#ffa8cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-10.318a6.967 6.967 0 0 1-6.959-6.959v-10.318a6.967 6.967 0 0 1 6.959-6.959H0a6.967 6.967 0 0 1 6.959 6.959v10.318A6.967 6.967 0 0 1 0 0"
transform="translate(331.153 320.27)"
fill="#ffa8cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-10.318a6.967 6.967 0 0 1-6.959-6.959v-10.318a6.967 6.967 0 0 1 6.959-6.959H0a6.967 6.967 0 0 1 6.959 6.959v10.318A6.967 6.967 0 0 1 0 0"
transform="translate(190.11 320.27)"
fill="#ffa8cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 14.425-91.284c.266-1.684 2.398-2.259 3.474-.937l21.45 26.343c.305.375.738.624 1.214.701l33.54 5.405c1.682.271 2.251 2.405.925 3.477L3.187 1.84C1.783 2.976-.282 1.783 0 0"
transform="translate(217.606 351.17)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-10-10"
transform="translate(465.527 411.887)"
fill="none"
stroke="#6583fe"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-10-10"
transform="translate(455.527 245.876)"
fill="none"
stroke="#ff7eb8"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-10-10"
transform="translate(71.047 186.5)"
fill="none"
stroke="#6583fe"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-6.075-4.925-11-11-11 6.075 0 11-4.925 11-11 0 6.075 4.925 11 11 11C4.925-11 0-6.075 0 0Z"
transform="translate(422.163 462.727)"
fill="none"
stroke="#ff7eb8"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-6.075-4.925-11-11-11 6.075 0 11-4.925 11-11 0 6.075 4.925 11 11 11C4.925-11 0-6.075 0 0Z"
transform="translate(57.473 112.333)"
fill="none"
stroke="#01eca5"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category