Create
Drawico

Settings icon

System UIcons · line · Unlicense licence
Settings icon, line style, from System UIcons
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 21 21"><g transform="translate(0 0)"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" transform="translate(3 3)"><path stroke-width=".933" d="M7.5.5q.527 0 1.034.076l.508 1.539c.445.127.868.308 1.26.536l1.46-.704c.517.397.977.865 1.365 1.389l-.73 1.447q.333.596.514 1.27l1.53.533a7 7 0 0 1-.017 1.948l-1.539.508a5.6 5.6 0 0 1-.536 1.26l.704 1.46a7 7 0 0 1-1.389 1.365l-1.447-.73a5.5 5.5 0 0 1-1.27.514l-.533 1.53a7 7 0 0 1-1.948-.017l-.508-1.539a5.6 5.6 0 0 1-1.26-.536l-1.46.704a7 7 0 0 1-1.365-1.389l.73-1.447a5.6 5.6 0 0 1-.514-1.27l-1.53-.534a7 7 0 0 1 .017-1.947l1.539-.508c.127-.445.308-.868.536-1.26l-.704-1.46a7 7 0 0 1 1.389-1.365l1.447.73a5.5 5.5 0 0 1 1.27-.514l.534-1.53Q7.036.5 7.5.5"/><circle cx="7.5" cy="7.5" r="3"/></g></g></svg>

Customize

About this icon

This is the settings icon from System UIcons, in its line style. A gear reads as app settings. If you also have filters on the same screen, give them a different icon so the two don't get mixed up.

It's drawn with lines on a 21 × 21 grid. The lines are thin (about 1 px at 24 px), so it looks best at 24 px and up. Want it heavier? Drag the stroke slider, then download.

It's free for personal and commercial use (Unlicense). Not quite the look you need? The same symbol comes in more than 20 other styles below.

Icon setSystem UIcons (version 1.2.4)
AuthorCorey Ginnivan
LicenceUnlicense
Styleline
Original size21 × 21
Namesystem-uicons:settings

Topics

Credit (optional)

Credit is not required by this licence, but it helps the authors and us. You can paste this line on your site:

Settings in other styles