Add icons to this collection by clicking the heart icon.
File Extension icon - also known as file extension, svg, svg file, svg open file, svg format, svg extension, scalable vector, scalable vector graphics, 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="d" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="e" clipPathUnits="userSpaceOnUse">
<path
d="M548.074 209.12c18.727-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.938 68.576-89.272 78.942-155.299 31.359-138.811-189.151-113.892-274.315"
/>
</clipPath>
<clipPath id="h" clipPathUnits="userSpaceOnUse">
<path
d="M309.145 442.834c-52.099-17.589-85.043-5.666-120.992 6.257-23.728 7.87-48.766 15.739-81.483 15.123C-13.972 461.937-4.109 276.963 4.897 187.741 22.344 14.869 297.313 20.598 425.7 51.475c82.47 19.836 87.595 59.473 86.106 144.001-.961 54.487 3.442 198.725-32.004 244.124-21.993 28.166-43.064 37.82-64.81 37.821-32.091.001-65.655-21.019-105.847-34.587"
/>
</clipPath>
<clipPath id="k" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="l" clipPathUnits="userSpaceOnUse">
<path d="M100.31 454.73h311.38V32.27H100.31Z" />
</clipPath>
<clipPath id="m" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="n" clipPathUnits="userSpaceOnUse">
<path
d="M418.32 1041.5c-55.666 9.521-178.298-12.183-200.004-105.017-14.431-61.721-14.006-112.075-50.427-113.019-21.67-.562-32.97 44.309-62.889 48.001-39.047 4.816-66.146-27.695-83.058-57.139-37.205-64.772-25.57-174.918 23.354-228.632 118.488-130.086 259.198 5.952 319.358 112.31 38.585 68.213 125.638 123.351 143.767 200.248 15.179 64.375-18.502 131.002-90.101 143.248"
/>
</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="g"
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(541.6432 -541.6432) rotate(-50 -.026 -.245)"
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="j"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(541.6432 -541.6432) rotate(-50 -.026 -.245)"
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>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(595.18983 -595.18983) rotate(-30 -2.008 -.567)"
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="p"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(595.18983 -595.18983) rotate(-30 -2.008 -.567)"
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>
<mask
id="f"
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="i"
width="1"
height="1"
x="0"
y="0"
maskUnits="userSpaceOnUse"
>
<path
d="M-32768 32767h65535v-65535h-65535Z"
fill="url(#b)"
stroke="none"
/>
</mask>
<mask
id="o"
width="1"
height="1"
x="0"
y="0"
maskUnits="userSpaceOnUse"
>
<path
d="M-32768 32767h65535v-65535h-65535Z"
fill="url(#c)"
stroke="none"
/>
</mask>
</defs>
<g clip-path="url(#d)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g clip-path="url(#e)">
<g mask="url(#f)">
<path
d="M548.074 209.12c18.727-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.938 68.576-89.272 78.942-155.299 31.359-138.811-189.151-113.892-274.315"
fill="url(#g)"
stroke="none"
/>
</g>
</g>
</g>
<g clip-path="url(#h)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g mask="url(#i)">
<path
d="M309.145 442.834c-52.099-17.589-85.043-5.666-120.992 6.257-23.728 7.87-48.766 15.739-81.483 15.123C-13.972 461.937-4.109 276.963 4.897 187.741 22.344 14.869 297.313 20.598 425.7 51.475c82.47 19.836 87.595 59.473 86.106 144.001-.961 54.487 3.442 198.725-32.004 244.124-21.993 28.166-43.064 37.82-64.81 37.821-32.091.001-65.655-21.019-105.847-34.587"
fill="url(#j)"
stroke="none"
/>
</g>
</g>
<g clip-path="url(#k)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g clip-path="url(#l)" 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.69 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.69 400.1)"
fill="#dcfdee"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-36.824-29.853-66.677-66.677-66.677-36.825 0-66.677 29.853-66.677 66.677 0 36.825 29.852 66.678 66.677 66.678C-29.853 66.678 0 36.825 0 0"
transform="translate(298.394 297.166)"
fill="#ff7eb8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v133.08c-23.25 8.09-48.255 12.494-74.266 12.494-96.45 0-178.753-60.484-211.133-145.574z"
transform="translate(411.69 168.745)"
fill="#01eca5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-235.16v90.015c24.426 15.946 53.581 25.201 84.904 25.201C-78.308 115.216-17.75 66.364 0 0"
transform="translate(335.47 168.744)"
fill="#8399fe"
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(332.06 395.1)"
fill="#97ffd2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v64.631L79.63-15H15C6.716-15 0-8.284 0 0"
transform="translate(332.06 415.1)"
fill="#02ffb3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-64.631c0-8.283 6.716-15 15-15h30.629"
transform="translate(332.06 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 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.754-11.614-2.936-2.998-4.754-7.095-4.754-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.818 8.615-4.755 11.613 2.937 2.998 4.755 7.096 4.755 11.614"
transform="translate(147 441.727)"
fill="#01eca5"
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(100.31 209)"
fill="#02ffb3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-44.683a7.5 7.5 0 0 0-7.5 7.5 7.5 7.5 0 0 0 7.5 7.5H-2.5v28.667h-37.183c-6.893 0-12.5 5.607-12.5 12.5v33.667c0 6.893 5.607 12.5 12.5 12.5H5a7.5 7.5 0 0 0 7.5-7.5 7.5 7.5 0 0 0-7.5-7.5h-42.183V58.667H0c6.893 0 12.5-5.607 12.5-12.5V12.5C12.5 5.607 6.893 0 0 0"
transform="translate(198.35 86.333)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a13.51 13.51 0 0 0-13.233 10.546L-32.152 93.16a7.5 7.5 0 1 0 14.621 3.348L0 19.956l17.531 76.552a7.5 7.5 0 1 0 14.621-3.348L13.233 10.546A13.51 13.51 0 0 0 0 0"
transform="translate(256 86.333)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-39.683c-6.893 0-12.5 5.607-12.5 12.5v77.334c0 6.893 5.607 12.5 12.5 12.5H5a7.5 7.5 0 0 0 7.5-7.5 7.5 7.5 0 0 0-7.5-7.5h-42.183V15H-2.5v28.667h-17.342a7.5 7.5 0 0 0-7.5 7.5 7.5 7.5 0 0 0 7.5 7.5H0c6.893 0 12.5-5.607 12.5-12.5V12.5C12.5 5.607 6.893 0 0 0"
transform="translate(353.334 86.333)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-298.73c0-8.284 6.716-15 15-15h281.38c8.284 0 15 6.716 15 15V29.1l-79.63 79.63H15c-8.284 0-15-6.716-15-15V34"
transform="translate(100.31 371)"
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 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(58 356.403)"
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(428 456.113)"
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.001-11-11.001 6.075 0 11-4.925 11-11 0 6.075 4.925 11 11 11C4.925-11.001 0-6.075 0 0Z"
transform="translate(58 68.27)"
fill="none"
stroke="#01eca5"
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(63 116)"
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(465 390.1)"
fill="none"
stroke="#6583fe"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g clip-path="url(#m)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g clip-path="url(#n)">
<g mask="url(#o)">
<path
d="M418.32 1041.5c-55.666 9.521-178.298-12.183-200.004-105.017-14.431-61.721-14.006-112.075-50.427-113.019-21.67-.562-32.97 44.309-62.889 48.001-39.047 4.816-66.146-27.695-83.058-57.139-37.205-64.772-25.57-174.918 23.354-228.632 118.488-130.086 259.198 5.952 319.358 112.31 38.585 68.213 125.638 123.351 143.767 200.248 15.179 64.375-18.502 131.002-90.101 143.248"
fill="url(#p)"
stroke="none"
/>
</g>
</g>
</g>
</svg>
More icons in the same style and category