Add icons to this collection by clicking the heart icon.
File Extension icon - also known as computer, file, document, format, monitor, extension, archive, file extension, and files and folders. Created in a clean flat gradient style with a white 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="512"
height="512"
viewBox="0 0 11.806 11.806"
>
<linearGradient
id="a"
x1="5.903"
x2="5.903"
y1="11.806"
y2="0"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#262261" />
<stop offset=".012" stop-color="#262261" />
<stop offset=".02" stop-color="#262261" />
<stop offset=".031" stop-color="#262261" />
<stop offset=".039" stop-color="#262261" />
<stop offset=".051" stop-color="#262261" />
<stop offset=".059" stop-color="#292363" />
<stop offset=".071" stop-color="#2c2365" />
<stop offset=".078" stop-color="#2f2468" />
<stop offset=".09" stop-color="#32246a" />
<stop offset=".102" stop-color="#35256c" />
<stop offset=".11" stop-color="#37256e" />
<stop offset=".122" stop-color="#3a2670" />
<stop offset=".129" stop-color="#3d2672" />
<stop offset=".141" stop-color="#3f2774" />
<stop offset=".149" stop-color="#422776" />
<stop offset=".161" stop-color="#442777" />
<stop offset=".169" stop-color="#462879" />
<stop offset=".18" stop-color="#48287a" />
<stop offset=".188" stop-color="#4a287c" />
<stop offset=".2" stop-color="#4c297d" />
<stop offset=".212" stop-color="#4e297f" />
<stop offset=".22" stop-color="#502980" />
<stop offset=".231" stop-color="#512981" />
<stop offset=".239" stop-color="#532a83" />
<stop offset=".251" stop-color="#552a84" />
<stop offset=".259" stop-color="#562a85" />
<stop offset=".271" stop-color="#582a86" />
<stop offset=".278" stop-color="#592b87" />
<stop offset=".29" stop-color="#5a2b88" />
<stop offset=".302" stop-color="#5b2b89" />
<stop offset=".31" stop-color="#5c2b8a" />
<stop offset=".322" stop-color="#5e2b8a" />
<stop offset=".329" stop-color="#5f2c8b" />
<stop offset=".341" stop-color="#602c8c" />
<stop offset=".349" stop-color="#612c8d" />
<stop offset=".361" stop-color="#612c8d" />
<stop offset=".369" stop-color="#622c8e" />
<stop offset=".38" stop-color="#622c8e" />
<stop offset=".388" stop-color="#632c8e" />
<stop offset=".4" stop-color="#632d8f" />
<stop offset=".412" stop-color="#632d8f" />
<stop offset=".42" stop-color="#642d8f" />
<stop offset=".431" stop-color="#642d8f" />
<stop offset=".439" stop-color="#652d90" />
<stop offset=".451" stop-color="#652d90" />
<stop offset=".459" stop-color="#672d90" />
<stop offset=".471" stop-color="#682d90" />
<stop offset=".478" stop-color="#6a2c90" />
<stop offset=".49" stop-color="#6b2c90" />
<stop offset=".502" stop-color="#6d2c90" />
<stop offset=".51" stop-color="#6e2c90" />
<stop offset=".522" stop-color="#702c90" />
<stop offset=".529" stop-color="#712b90" />
<stop offset=".541" stop-color="#722b90" />
<stop offset=".549" stop-color="#732b90" />
<stop offset=".561" stop-color="#752b90" />
<stop offset=".569" stop-color="#762b90" />
<stop offset=".58" stop-color="#772a8f" />
<stop offset=".588" stop-color="#782a8f" />
<stop offset=".6" stop-color="#792a8f" />
<stop offset=".612" stop-color="#7a2a8f" />
<stop offset=".62" stop-color="#7c2a8f" />
<stop offset=".631" stop-color="#7d2a8f" />
<stop offset=".639" stop-color="#7e298f" />
<stop offset=".651" stop-color="#7f298f" />
<stop offset=".659" stop-color="#80298f" />
<stop offset=".671" stop-color="#81298f" />
<stop offset=".678" stop-color="#82298f" />
<stop offset=".69" stop-color="#82298f" />
<stop offset=".702" stop-color="#83298f" />
<stop offset=".71" stop-color="#84298f" />
<stop offset=".722" stop-color="#85298f" />
<stop offset=".729" stop-color="#85298f" />
<stop offset=".741" stop-color="#86288e" />
<stop offset=".749" stop-color="#87288e" />
<stop offset=".761" stop-color="#87288e" />
<stop offset=".769" stop-color="#88288e" />
<stop offset=".78" stop-color="#89288e" />
<stop offset=".788" stop-color="#89288e" />
<stop offset=".8" stop-color="#8a288e" />
<stop offset=".812" stop-color="#8b288e" />
<stop offset=".82" stop-color="#8b288e" />
<stop offset=".831" stop-color="#8c288e" />
<stop offset=".839" stop-color="#8c288e" />
<stop offset=".851" stop-color="#8d288e" />
<stop offset=".859" stop-color="#8d288e" />
<stop offset=".871" stop-color="#8d288e" />
<stop offset=".878" stop-color="#8d288e" />
<stop offset=".89" stop-color="#8e288e" />
<stop offset=".902" stop-color="#8e288e" />
<stop offset=".91" stop-color="#8e278e" />
<stop offset=".922" stop-color="#8e278e" />
<stop offset=".929" stop-color="#8e278e" />
<stop offset=".941" stop-color="#8f278e" />
<stop offset=".949" stop-color="#8f278e" />
<stop offset=".961" stop-color="#8f278e" />
<stop offset=".969" stop-color="#8f278e" />
<stop offset=".98" stop-color="#90278e" />
<stop offset=".988" stop-color="#90278e" />
<stop offset="1" stop-color="#90278e" />
</linearGradient>
<g fill-rule="evenodd">
<path
fill="url(#a)"
d="M11.806 5.903A5.903 5.903 0 1 0 0 5.903a5.903 5.903 0 0 0 11.806 0z"
/>
<path
fill="#fff"
d="M7.503 7.217H4.304a.353.353 0 0 1-.352-.353V2.703c0-.195.158-.353.352-.353h2.611c.027 0 .05.01.068.03l.843.842c.018.018.03.043.03.068v3.574a.354.354 0 0 1-.353.353zM4.304 2.544a.158.158 0 0 0-.158.159v4.161c0 .087.071.158.158.158h3.199c.087 0 .158-.07.158-.158V3.33l-.786-.786z"
/>
<path
fill="#fff"
d="M7.757 3.387h-.615a.324.324 0 0 1-.324-.324V2.45c0-.04.024-.075.06-.09a.096.096 0 0 1 .105.02l.843.843c.028.027.036.07.02.105a.097.097 0 0 1-.09.06zm-.744-.705v.38c0 .072.058.13.129.13h.38l-.51-.51zM5.705 6.56l-.018-.001a.098.098 0 0 1-.078-.114l.397-2.06a.098.098 0 0 1 .114-.078c.053.01.087.061.078.114L5.8 6.481a.1.1 0 0 1-.096.079zM5.333 6.359a.092.092 0 0 1-.068-.03l-.829-.828a.098.098 0 0 1 0-.137l.829-.83a.098.098 0 0 1 .137 0c.038.038.038.1 0 .138l-.762.76.761.76a.098.098 0 0 1-.068.167zM6.473 6.359a.098.098 0 0 1-.068-.167l.76-.76-.762-.761a.098.098 0 0 1 0-.138.098.098 0 0 1 .138 0l.828.83c.038.037.038.1 0 .137l-.828.828a.091.091 0 0 1-.068.03zM6.338 3.208H4.54a.097.097 0 0 1-.097-.097c0-.054.043-.098.097-.098h1.798c.054 0 .097.044.097.098a.097.097 0 0 1-.097.097zM7.265 3.902H4.54c-.054 0-.097-.043-.097-.097s.043-.097.097-.097h2.725c.054 0 .097.043.097.097s-.043.097-.097.097z"
/>
<path
fill="#fff"
d="M9.052 8.528H2.755a.38.38 0 0 1-.38-.38V3.863c0-.21.17-.38.38-.38H4.05c.054 0 .097.043.097.097a.097.097 0 0 1-.097.097H2.755a.186.186 0 0 0-.186.186v4.285c0 .103.084.186.186.186h6.297a.186.186 0 0 0 .186-.186V3.863a.186.186 0 0 0-.186-.186H7.758a.097.097 0 0 1-.097-.097c0-.054.043-.097.097-.097h1.294c.21 0 .38.17.38.38v4.285c0 .21-.17.38-.38.38z"
/>
<path
fill="#fff"
d="M6.784 9.456H5.026a.096.096 0 0 1-.096-.085.099.099 0 0 1 .073-.107c.244-.062.266-.633.255-.829a.097.097 0 0 1 .092-.102c.052-.003.1.037.102.091.005.071.027.554-.152.837H6.51c-.18-.283-.16-.766-.155-.837a.097.097 0 0 1 .103-.091.097.097 0 0 1 .091.102c-.01.195.013.767.26.829.047.013.079.057.072.107a.1.1 0 0 1-.098.085z"
/>
<path
fill="#fff"
d="M6.495 9.049H5.314c-.055 0-.098-.043-.098-.097s.043-.097.098-.097h1.18c.055 0 .098.043.098.097s-.043.097-.097.097zM9.335 7.544H2.47c-.054 0-.097-.043-.097-.097s.043-.097.097-.097h6.864c.054 0 .097.043.097.097s-.043.097-.097.097zM6.127 8.037h-.448a.097.097 0 0 1-.098-.097c0-.054.043-.097.098-.097h.448c.054 0 .097.043.097.097a.097.097 0 0 1-.097.097z"
/>
</g>
</svg>
More icons in the same style and category