Add icons to this collection by clicking the heart icon.
Gear icon - also known as computer, gear, code, ui, electronics, coding, programming language, set up, config, and seo and web. 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="m5.694 7.093-.018-.001a.096.096 0 0 1-.077-.114l.42-2.185a.096.096 0 0 1 .115-.076c.052.01.087.06.076.113l-.42 2.185a.098.098 0 0 1-.096.078zM5.3 6.88a.092.092 0 0 1-.069-.028l-.878-.88a.098.098 0 0 1 0-.137l.878-.878a.098.098 0 0 1 .138 0c.037.037.037.1 0 .137l-.81.81.81.81a.098.098 0 0 1-.07.167zM6.508 6.88a.097.097 0 0 1-.068-.027.098.098 0 0 1 0-.138l.811-.81-.81-.81a.098.098 0 0 1 0-.138.098.098 0 0 1 .137 0l.878.878a.092.092 0 0 1 0 .136l-.878.88a.094.094 0 0 1-.07.03z"
/>
<path
fill="#fff"
d="M6.812 9.432H4.995a.313.313 0 0 1-.313-.314V8.39a2.82 2.82 0 0 1-.318-.185l-.633.365a.318.318 0 0 1-.239.032.31.31 0 0 1-.19-.146l-.91-1.575a.318.318 0 0 1-.031-.24.31.31 0 0 1 .146-.19l.631-.364a2.588 2.588 0 0 1 0-.367l-.633-.365a.315.315 0 0 1-.114-.43l.91-1.574a.312.312 0 0 1 .429-.115l.631.365c.101-.068.208-.13.318-.184v-.73c0-.173.14-.313.314-.313H6.81c.173 0 .313.14.313.313v.73c.113.056.218.117.318.184l.632-.365a.312.312 0 0 1 .429.116l.909 1.574a.315.315 0 0 1-.115.43l-.63.364a2.763 2.763 0 0 1 0 .367l.634.365a.315.315 0 0 1 .115.429l-.91 1.575a.315.315 0 0 1-.428.115l-.632-.365c-.1.068-.208.13-.317.185v.729a.314.314 0 0 1-.316.312zm-2.444-1.44c.02 0 .039.006.056.019.126.088.26.166.395.229.035.015.057.05.057.088v.79c0 .067.054.12.12.12h1.816a.12.12 0 0 0 .12-.12v-.79c0-.037.022-.072.055-.087a2.55 2.55 0 0 0 .396-.229.095.095 0 0 1 .104-.004l.684.395a.12.12 0 0 0 .164-.043l.91-1.574a.123.123 0 0 0 .01-.091.114.114 0 0 0-.055-.071l-.686-.396a.099.099 0 0 1-.048-.093 2.574 2.574 0 0 0 0-.455.099.099 0 0 1 .048-.093l.686-.396a.12.12 0 0 0 .044-.163l-.909-1.574a.127.127 0 0 0-.073-.057.118.118 0 0 0-.092.012l-.686.396a.097.097 0 0 1-.105-.006 2.477 2.477 0 0 0-.394-.228.095.095 0 0 1-.056-.087v-.791a.12.12 0 0 0-.12-.12H4.994a.12.12 0 0 0-.12.12v.791a.1.1 0 0 1-.057.089c-.138.064-.272.14-.395.228a.095.095 0 0 1-.104.004l-.686-.396a.115.115 0 0 0-.09-.012.116.116 0 0 0-.072.055l-.91 1.574a.12.12 0 0 0 .043.164l.686.396c.033.019.051.055.049.093a2.375 2.375 0 0 0 0 .455.099.099 0 0 1-.049.093l-.686.395a.12.12 0 0 0-.044.162l.91 1.576a.12.12 0 0 0 .162.044l.685-.395a.093.093 0 0 1 .053-.016z"
/>
<path
fill="#fff"
d="M5.903 7.863a1.961 1.961 0 1 1 1.96-1.96c0 1.08-.878 1.96-1.96 1.96zm0-3.725c-.973 0-1.765.792-1.765 1.765S4.93 7.67 5.903 7.67c.973 0 1.766-.792 1.766-1.766 0-.973-.791-1.765-1.766-1.765z"
/>
</g>
</svg>
More icons in the same style and category