Add icons to this collection by clicking the heart icon.
Button icon - also known as button, joystick, control, electronics, movement, and drone. Created in a clean lineal color style with a white, silver, gray, and maroon 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 300 300"
>
<circle cx="174" cy="118.735" r="86" fill="#d2ddff" />
<g fill="#4c241d">
<path
d="M229.656 70.392a3.988 3.988 0 0 1-2.828-1.172l-11.312-11.312a4 4 0 1 1 5.656-5.656l11.312 11.312a4 4 0 0 1-2.828 6.828z"
/>
<path
d="M218.344 70.392a4 4 0 0 1-2.828-6.828l11.312-11.312a4 4 0 1 1 5.656 5.656L221.172 69.22a3.988 3.988 0 0 1-2.828 1.172z"
/>
<circle cx="188" cy="40.735" r="4" />
<circle cx="74" cy="262.735" r="4.529" />
<path
d="M52 252.735c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-16c-2.205 0-4 1.795-4 4s1.795 4 4 4 4-1.795 4-4-1.795-4-4-4z"
/>
</g>
<circle cx="148" cy="160.735" r="96" fill="#6b4f5b" />
<path
fill="#4c241d"
d="M148 260.735c-55.141 0-100-44.859-100-100s44.859-100 100-100 100 44.859 100 100-44.859 100-100 100zm0-192c-50.729 0-92 41.271-92 92s41.271 92 92 92 92-41.271 92-92-41.271-92-92-92z"
/>
<circle cx="148" cy="160.735" r="56" fill="#b5a19c" />
<path
fill="#4c241d"
d="M148 220.735c-33.084 0-60-26.916-60-60s26.916-60 60-60 60 26.916 60 60-26.916 60-60 60zm0-112c-28.674 0-52 23.326-52 52s23.326 52 52 52 52-23.326 52-52-23.326-52-52-52z"
/>
<path fill="#a9ba5a" d="m148 76.735-11.547 16h23.094z" />
<path
fill="#4c241d"
d="M159.547 96.735h-23.094a4.001 4.001 0 0 1-3.245-6.34l11.547-16c1.504-2.086 4.984-2.086 6.488 0l11.547 16a3.998 3.998 0 0 1-3.243 6.34zm-15.274-8h7.453L148 83.571z"
/>
<path fill="#a9ba5a" d="m148 244.735-11.547-16h23.094z" />
<path
fill="#4c241d"
d="M148 248.735a3.999 3.999 0 0 1-3.244-1.66l-11.547-16a3.998 3.998 0 0 1 3.245-6.34h23.094a4.001 4.001 0 0 1 3.245 6.34l-11.547 16a4.005 4.005 0 0 1-3.246 1.66zm-3.727-16 3.727 5.164 3.727-5.164z"
/>
<path fill="#a9ba5a" d="m232 160.735-16-11.547v23.094z" />
<path
fill="#4c241d"
d="M216 176.282a4 4 0 0 1-4-4v-23.094a4.001 4.001 0 0 1 6.34-3.245l16 11.547a3.999 3.999 0 0 1 0 6.488l-16 11.547a3.999 3.999 0 0 1-2.34.757zm4-19.273v7.453l5.164-3.727z"
/>
<path fill="#a9ba5a" d="m64 160.735 16-11.547v23.094z" />
<path
fill="#4c241d"
d="M80 176.282a4.005 4.005 0 0 1-2.34-.756l-16-11.547a3.999 3.999 0 0 1 0-6.488l16-11.547a4.001 4.001 0 0 1 6.34 3.245v23.094a4.001 4.001 0 0 1-4 3.999zm-9.164-15.547L76 164.462v-7.453zM128 188.735a4 4 0 0 1-4-4v-48a4 4 0 0 1 8 0v48a4 4 0 0 1-4 4zM168 188.735a4 4 0 0 1-4-4v-48a4 4 0 0 1 8 0v48a4 4 0 0 1-4 4z"
/>
<path fill="#4c241d" d="M128 156.735h40v8h-40z" />
</svg>
More icons in the same style and category