# settings icon Settings. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/settings - Category: Actions - Use it for: settings, preferences, configuration, config - Tags: gear, cog, settings, preferences, options, configuration - Family: settings-alert, settings-arrow-down, settings-arrow-up, settings-lock, settings-sync - Component name: SettingsIcon - Added: 2026-10-14 ## Don't confuse with - `sliders`: sliders mean adjust or tune, not settings - `wrench`: a wrench means maintenance or repair ## Also fits - account settings: app settings in general ## Not for - adjust (use `sliders`): the gear means settings, not adjust - tools (use `tools`): the gear means settings or preferences - maintenance (use `wrench`): the gear means settings, not maintenance ## Files Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. - line-round: https://gentleface.com/svg/line-round/16/settings.svg · PNG https://gentleface.com/png/line-round/16/settings.png · https://gentleface.com/png/line-round/32/settings.png · https://gentleface.com/png/line-round/48/settings.png - line-soft: https://gentleface.com/svg/line-soft/16/settings.svg · PNG https://gentleface.com/png/line-soft/16/settings.png · https://gentleface.com/png/line-soft/32/settings.png · https://gentleface.com/png/line-soft/48/settings.png - line-sharp: https://gentleface.com/svg/line-sharp/16/settings.svg · PNG https://gentleface.com/png/line-sharp/16/settings.png · https://gentleface.com/png/line-sharp/32/settings.png · https://gentleface.com/png/line-sharp/48/settings.png - solid-round: https://gentleface.com/svg/solid-round/16/settings.svg · PNG https://gentleface.com/png/solid-round/16/settings.png · https://gentleface.com/png/solid-round/32/settings.png · https://gentleface.com/png/solid-round/48/settings.png - solid-soft: https://gentleface.com/svg/solid-soft/16/settings.svg · PNG https://gentleface.com/png/solid-soft/16/settings.png · https://gentleface.com/png/solid-soft/32/settings.png · https://gentleface.com/png/solid-soft/48/settings.png - solid-sharp: https://gentleface.com/svg/solid-sharp/16/settings.svg · PNG https://gentleface.com/png/solid-sharp/16/settings.png · https://gentleface.com/png/solid-sharp/32/settings.png · https://gentleface.com/png/solid-sharp/48/settings.png The SVG of every style: https://gentleface.com/icons/settings.json (`svg`). ## Code (line-round) The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. For another style, take its SVG from the JSON and swap the path `d`. ### SVG ```svg ``` ### React ```tsx // Gentleface "settings" (line-round), MIT. https://gentleface.com/icons/settings import type { SVGProps } from 'react'; export function SettingsIcon(props: SVGProps) { return ( ); } ``` ### Vue ```vue ``` ### Svelte ```svelte ``` ### HTML img ```html

``` ### CSS ```css /* Gentleface "settings" (line-round), MIT. https://gentleface.com/icons/settings. Takes the text color. */ .icon-settings { display: inline-block; width: 16px; height: 16px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M10.536 3.875L11.723 3.084C11.834 3.009 11.955 2.983 12.083 3.004C12.211 3.026 12.316 3.09 12.398 3.197C12.896 3.851 13.257 4.573 13.481 5.364C13.511 5.469 13.507 5.573 13.47 5.673C13.433 5.774 13.369 5.855 13.277 5.916L12.061 6.727C12.152 7.242 12.152 7.758 12.061 8.273L13.277 9.084C13.369 9.145 13.433 9.226 13.47 9.327C13.507 9.427 13.511 9.531 13.481 9.636C13.257 10.427 12.896 11.149 12.398 11.803C12.316 11.91 12.211 11.974 12.083 11.996C11.955 12.017 11.834 11.991 11.723 11.916L10.536 11.125C10.075 11.485 9.563 11.743 9 11.898L9 13C9 13.276 8.902 13.512 8.707 13.707C8.512 13.902 8.276 14 8 14L7 14C6.724 14 6.488 13.902 6.293 13.707C6.098 13.512 6 13.276 6 13L6 11.898C5.437 11.743 4.925 11.485 4.464 11.125L3.277 11.916C3.166 11.991 3.045 12.017 2.917 11.996C2.789 11.974 2.684 11.91 2.602 11.803C2.104 11.149 1.743 10.427 1.519 9.636C1.489 9.531 1.493 9.427 1.53 9.327C1.567 9.226 1.631 9.145 1.723 9.084L2.939 8.273C2.848 7.758 2.848 7.242 2.939 6.727L1.723 5.916C1.631 5.855 1.567 5.774 1.53 5.673C1.493 5.573 1.489 5.469 1.519 5.364C1.743 4.573 2.104 3.851 2.602 3.197C2.684 3.09 2.789 3.026 2.917 3.004C3.045 2.983 3.166 3.009 3.277 3.084L4.464 3.875C4.925 3.515 5.437 3.257 6 3.102L6 2C6 1.724 6.098 1.488 6.293 1.293C6.488 1.098 6.724 1 7 1L8 1C8.276 1 8.512 1.098 8.707 1.293C8.902 1.488 9 1.724 9 2L9 3.102C9.563 3.257 10.075 3.515 10.536 3.875ZM6.885 3.821C6.809 3.913 6.71 3.97 6.59 3.992C5.921 4.114 5.338 4.405 4.84 4.867C4.754 4.946 4.654 4.991 4.54 5C4.426 5.009 4.32 4.981 4.223 4.916L3.13 4.187C2.908 4.535 2.728 4.903 2.59 5.293L3.777 6.084C3.867 6.144 3.93 6.223 3.968 6.321C4.006 6.42 4.011 6.521 3.984 6.625C3.834 7.208 3.834 7.792 3.984 8.375C4.011 8.479 4.006 8.58 3.968 8.679C3.93 8.777 3.867 8.856 3.777 8.916L2.59 9.707C2.728 10.097 2.908 10.465 3.13 10.813L4.223 10.084C4.32 10.019 4.426 9.991 4.54 10C4.654 10.009 4.754 10.054 4.84 10.133C5.338 10.595 5.921 10.886 6.59 11.008C6.71 11.03 6.809 11.087 6.885 11.179C6.962 11.27 7 11.377 7 11.5L7 13L8 13L8 11.5C8 11.377 8.038 11.27 8.115 11.179C8.191 11.087 8.29 11.03 8.41 11.008C9.079 10.886 9.662 10.595 10.16 10.133C10.246 10.054 10.346 10.009 10.46 10C10.574 9.991 10.68 10.019 10.777 10.084L11.87 10.813C12.092 10.465 12.272 10.097 12.41 9.707L11.223 8.916C11.133 8.856 11.07 8.777 11.032 8.679C10.994 8.58 10.989 8.479 11.016 8.375C11.166 7.792 11.166 7.208 11.016 6.625C10.989 6.521 10.994 6.42 11.032 6.321C11.07 6.223 11.133 6.144 11.223 6.084L12.41 5.293C12.272 4.903 12.092 4.535 11.87 4.187L10.777 4.916C10.68 4.981 10.574 5.009 10.46 5C10.346 4.991 10.246 4.946 10.16 4.867C9.662 4.405 9.079 4.114 8.41 3.992C8.29 3.97 8.191 3.913 8.115 3.821C8.038 3.73 8 3.623 8 3.5L8 2L7 2L7 3.5C7 3.623 6.962 3.73 6.885 3.821ZM5.176 6.58C5.303 6.259 5.488 5.976 5.732 5.732C5.976 5.488 6.259 5.303 6.58 5.176C6.875 5.059 7.182 5 7.5 5C7.818 5 8.125 5.059 8.42 5.176C8.741 5.303 9.024 5.488 9.268 5.732C9.512 5.976 9.697 6.259 9.824 6.58C9.941 6.875 10 7.182 10 7.5C10 7.818 9.941 8.125 9.824 8.42C9.697 8.741 9.512 9.024 9.268 9.268C9.024 9.512 8.741 9.697 8.42 9.824C8.125 9.941 7.818 10 7.5 10C7.182 10 6.875 9.941 6.58 9.824C6.259 9.697 5.976 9.512 5.732 9.268C5.488 9.024 5.303 8.741 5.176 8.42C5.059 8.125 5 7.818 5 7.5C5 7.182 5.059 6.875 5.176 6.58ZM6.105 8.052C6.182 8.245 6.293 8.414 6.439 8.561C6.586 8.707 6.755 8.818 6.948 8.895C7.125 8.965 7.309 9 7.5 9C7.691 9 7.875 8.965 8.052 8.895C8.245 8.818 8.414 8.707 8.561 8.561C8.707 8.414 8.818 8.245 8.895 8.052C8.965 7.875 9 7.691 9 7.5C9 7.309 8.965 7.125 8.895 6.948C8.818 6.755 8.707 6.586 8.561 6.439C8.414 6.293 8.245 6.182 8.052 6.105C7.875 6.035 7.691 6 7.5 6C7.309 6 7.125 6.035 6.948 6.105C6.755 6.182 6.586 6.293 6.439 6.439C6.293 6.586 6.182 6.755 6.105 6.948C6.035 7.125 6 7.309 6 7.5C6 7.691 6.035 7.875 6.105 8.052Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M10.536 3.875L11.723 3.084C11.834 3.009 11.955 2.983 12.083 3.004C12.211 3.026 12.316 3.09 12.398 3.197C12.896 3.851 13.257 4.573 13.481 5.364C13.511 5.469 13.507 5.573 13.47 5.673C13.433 5.774 13.369 5.855 13.277 5.916L12.061 6.727C12.152 7.242 12.152 7.758 12.061 8.273L13.277 9.084C13.369 9.145 13.433 9.226 13.47 9.327C13.507 9.427 13.511 9.531 13.481 9.636C13.257 10.427 12.896 11.149 12.398 11.803C12.316 11.91 12.211 11.974 12.083 11.996C11.955 12.017 11.834 11.991 11.723 11.916L10.536 11.125C10.075 11.485 9.563 11.743 9 11.898L9 13C9 13.276 8.902 13.512 8.707 13.707C8.512 13.902 8.276 14 8 14L7 14C6.724 14 6.488 13.902 6.293 13.707C6.098 13.512 6 13.276 6 13L6 11.898C5.437 11.743 4.925 11.485 4.464 11.125L3.277 11.916C3.166 11.991 3.045 12.017 2.917 11.996C2.789 11.974 2.684 11.91 2.602 11.803C2.104 11.149 1.743 10.427 1.519 9.636C1.489 9.531 1.493 9.427 1.53 9.327C1.567 9.226 1.631 9.145 1.723 9.084L2.939 8.273C2.848 7.758 2.848 7.242 2.939 6.727L1.723 5.916C1.631 5.855 1.567 5.774 1.53 5.673C1.493 5.573 1.489 5.469 1.519 5.364C1.743 4.573 2.104 3.851 2.602 3.197C2.684 3.09 2.789 3.026 2.917 3.004C3.045 2.983 3.166 3.009 3.277 3.084L4.464 3.875C4.925 3.515 5.437 3.257 6 3.102L6 2C6 1.724 6.098 1.488 6.293 1.293C6.488 1.098 6.724 1 7 1L8 1C8.276 1 8.512 1.098 8.707 1.293C8.902 1.488 9 1.724 9 2L9 3.102C9.563 3.257 10.075 3.515 10.536 3.875ZM6.885 3.821C6.809 3.913 6.71 3.97 6.59 3.992C5.921 4.114 5.338 4.405 4.84 4.867C4.754 4.946 4.654 4.991 4.54 5C4.426 5.009 4.32 4.981 4.223 4.916L3.13 4.187C2.908 4.535 2.728 4.903 2.59 5.293L3.777 6.084C3.867 6.144 3.93 6.223 3.968 6.321C4.006 6.42 4.011 6.521 3.984 6.625C3.834 7.208 3.834 7.792 3.984 8.375C4.011 8.479 4.006 8.58 3.968 8.679C3.93 8.777 3.867 8.856 3.777 8.916L2.59 9.707C2.728 10.097 2.908 10.465 3.13 10.813L4.223 10.084C4.32 10.019 4.426 9.991 4.54 10C4.654 10.009 4.754 10.054 4.84 10.133C5.338 10.595 5.921 10.886 6.59 11.008C6.71 11.03 6.809 11.087 6.885 11.179C6.962 11.27 7 11.377 7 11.5L7 13L8 13L8 11.5C8 11.377 8.038 11.27 8.115 11.179C8.191 11.087 8.29 11.03 8.41 11.008C9.079 10.886 9.662 10.595 10.16 10.133C10.246 10.054 10.346 10.009 10.46 10C10.574 9.991 10.68 10.019 10.777 10.084L11.87 10.813C12.092 10.465 12.272 10.097 12.41 9.707L11.223 8.916C11.133 8.856 11.07 8.777 11.032 8.679C10.994 8.58 10.989 8.479 11.016 8.375C11.166 7.792 11.166 7.208 11.016 6.625C10.989 6.521 10.994 6.42 11.032 6.321C11.07 6.223 11.133 6.144 11.223 6.084L12.41 5.293C12.272 4.903 12.092 4.535 11.87 4.187L10.777 4.916C10.68 4.981 10.574 5.009 10.46 5C10.346 4.991 10.246 4.946 10.16 4.867C9.662 4.405 9.079 4.114 8.41 3.992C8.29 3.97 8.191 3.913 8.115 3.821C8.038 3.73 8 3.623 8 3.5L8 2L7 2L7 3.5C7 3.623 6.962 3.73 6.885 3.821ZM5.176 6.58C5.303 6.259 5.488 5.976 5.732 5.732C5.976 5.488 6.259 5.303 6.58 5.176C6.875 5.059 7.182 5 7.5 5C7.818 5 8.125 5.059 8.42 5.176C8.741 5.303 9.024 5.488 9.268 5.732C9.512 5.976 9.697 6.259 9.824 6.58C9.941 6.875 10 7.182 10 7.5C10 7.818 9.941 8.125 9.824 8.42C9.697 8.741 9.512 9.024 9.268 9.268C9.024 9.512 8.741 9.697 8.42 9.824C8.125 9.941 7.818 10 7.5 10C7.182 10 6.875 9.941 6.58 9.824C6.259 9.697 5.976 9.512 5.732 9.268C5.488 9.024 5.303 8.741 5.176 8.42C5.059 8.125 5 7.818 5 7.5C5 7.182 5.059 6.875 5.176 6.58ZM6.105 8.052C6.182 8.245 6.293 8.414 6.439 8.561C6.586 8.707 6.755 8.818 6.948 8.895C7.125 8.965 7.309 9 7.5 9C7.691 9 7.875 8.965 8.052 8.895C8.245 8.818 8.414 8.707 8.561 8.561C8.707 8.414 8.818 8.245 8.895 8.052C8.965 7.875 9 7.691 9 7.5C9 7.309 8.965 7.125 8.895 6.948C8.818 6.755 8.707 6.586 8.561 6.439C8.414 6.293 8.245 6.182 8.052 6.105C7.875 6.035 7.691 6 7.5 6C7.309 6 7.125 6.035 6.948 6.105C6.755 6.182 6.586 6.293 6.439 6.439C6.293 6.586 6.182 6.755 6.105 6.948C6.035 7.125 6 7.309 6 7.5C6 7.691 6.035 7.875 6.105 8.052Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat; } ``` ### Data URL ```text data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M10.536 3.875L11.723 3.084C11.834 3.009 11.955 2.983 12.083 3.004C12.211 3.026 12.316 3.09 12.398 3.197C12.896 3.851 13.257 4.573 13.481 5.364C13.511 5.469 13.507 5.573 13.47 5.673C13.433 5.774 13.369 5.855 13.277 5.916L12.061 6.727C12.152 7.242 12.152 7.758 12.061 8.273L13.277 9.084C13.369 9.145 13.433 9.226 13.47 9.327C13.507 9.427 13.511 9.531 13.481 9.636C13.257 10.427 12.896 11.149 12.398 11.803C12.316 11.91 12.211 11.974 12.083 11.996C11.955 12.017 11.834 11.991 11.723 11.916L10.536 11.125C10.075 11.485 9.563 11.743 9 11.898L9 13C9 13.276 8.902 13.512 8.707 13.707C8.512 13.902 8.276 14 8 14L7 14C6.724 14 6.488 13.902 6.293 13.707C6.098 13.512 6 13.276 6 13L6 11.898C5.437 11.743 4.925 11.485 4.464 11.125L3.277 11.916C3.166 11.991 3.045 12.017 2.917 11.996C2.789 11.974 2.684 11.91 2.602 11.803C2.104 11.149 1.743 10.427 1.519 9.636C1.489 9.531 1.493 9.427 1.53 9.327C1.567 9.226 1.631 9.145 1.723 9.084L2.939 8.273C2.848 7.758 2.848 7.242 2.939 6.727L1.723 5.916C1.631 5.855 1.567 5.774 1.53 5.673C1.493 5.573 1.489 5.469 1.519 5.364C1.743 4.573 2.104 3.851 2.602 3.197C2.684 3.09 2.789 3.026 2.917 3.004C3.045 2.983 3.166 3.009 3.277 3.084L4.464 3.875C4.925 3.515 5.437 3.257 6 3.102L6 2C6 1.724 6.098 1.488 6.293 1.293C6.488 1.098 6.724 1 7 1L8 1C8.276 1 8.512 1.098 8.707 1.293C8.902 1.488 9 1.724 9 2L9 3.102C9.563 3.257 10.075 3.515 10.536 3.875ZM6.885 3.821C6.809 3.913 6.71 3.97 6.59 3.992C5.921 4.114 5.338 4.405 4.84 4.867C4.754 4.946 4.654 4.991 4.54 5C4.426 5.009 4.32 4.981 4.223 4.916L3.13 4.187C2.908 4.535 2.728 4.903 2.59 5.293L3.777 6.084C3.867 6.144 3.93 6.223 3.968 6.321C4.006 6.42 4.011 6.521 3.984 6.625C3.834 7.208 3.834 7.792 3.984 8.375C4.011 8.479 4.006 8.58 3.968 8.679C3.93 8.777 3.867 8.856 3.777 8.916L2.59 9.707C2.728 10.097 2.908 10.465 3.13 10.813L4.223 10.084C4.32 10.019 4.426 9.991 4.54 10C4.654 10.009 4.754 10.054 4.84 10.133C5.338 10.595 5.921 10.886 6.59 11.008C6.71 11.03 6.809 11.087 6.885 11.179C6.962 11.27 7 11.377 7 11.5L7 13L8 13L8 11.5C8 11.377 8.038 11.27 8.115 11.179C8.191 11.087 8.29 11.03 8.41 11.008C9.079 10.886 9.662 10.595 10.16 10.133C10.246 10.054 10.346 10.009 10.46 10C10.574 9.991 10.68 10.019 10.777 10.084L11.87 10.813C12.092 10.465 12.272 10.097 12.41 9.707L11.223 8.916C11.133 8.856 11.07 8.777 11.032 8.679C10.994 8.58 10.989 8.479 11.016 8.375C11.166 7.792 11.166 7.208 11.016 6.625C10.989 6.521 10.994 6.42 11.032 6.321C11.07 6.223 11.133 6.144 11.223 6.084L12.41 5.293C12.272 4.903 12.092 4.535 11.87 4.187L10.777 4.916C10.68 4.981 10.574 5.009 10.46 5C10.346 4.991 10.246 4.946 10.16 4.867C9.662 4.405 9.079 4.114 8.41 3.992C8.29 3.97 8.191 3.913 8.115 3.821C8.038 3.73 8 3.623 8 3.5L8 2L7 2L7 3.5C7 3.623 6.962 3.73 6.885 3.821ZM5.176 6.58C5.303 6.259 5.488 5.976 5.732 5.732C5.976 5.488 6.259 5.303 6.58 5.176C6.875 5.059 7.182 5 7.5 5C7.818 5 8.125 5.059 8.42 5.176C8.741 5.303 9.024 5.488 9.268 5.732C9.512 5.976 9.697 6.259 9.824 6.58C9.941 6.875 10 7.182 10 7.5C10 7.818 9.941 8.125 9.824 8.42C9.697 8.741 9.512 9.024 9.268 9.268C9.024 9.512 8.741 9.697 8.42 9.824C8.125 9.941 7.818 10 7.5 10C7.182 10 6.875 9.941 6.58 9.824C6.259 9.697 5.976 9.512 5.732 9.268C5.488 9.024 5.303 8.741 5.176 8.42C5.059 8.125 5 7.818 5 7.5C5 7.182 5.059 6.875 5.176 6.58ZM6.105 8.052C6.182 8.245 6.293 8.414 6.439 8.561C6.586 8.707 6.755 8.818 6.948 8.895C7.125 8.965 7.309 9 7.5 9C7.691 9 7.875 8.965 8.052 8.895C8.245 8.818 8.414 8.707 8.561 8.561C8.707 8.414 8.818 8.245 8.895 8.052C8.965 7.875 9 7.691 9 7.5C9 7.309 8.965 7.125 8.895 6.948C8.818 6.755 8.707 6.586 8.561 6.439C8.414 6.293 8.245 6.182 8.052 6.105C7.875 6.035 7.691 6 7.5 6C7.309 6 7.125 6.035 6.948 6.105C6.755 6.182 6.586 6.293 6.439 6.439C6.293 6.586 6.182 6.755 6.105 6.948C6.035 7.125 6 7.309 6 7.5C6 7.691 6.035 7.875 6.105 8.052Z'/%3E%3C/svg%3E ``` ### Sprite ```html ``` ### SwiftUI ```swift // Gentleface "settings" (line-round), MIT. https://gentleface.com/icons/settings import SwiftUI struct SettingsIcon: Shape { func path(in rect: CGRect) -> Path { var p = Path() p.move(to: CGPoint(x: 10.536, y: 3.875)) p.addLine(to: CGPoint(x: 11.723, y: 3.084)) p.addCurve(to: CGPoint(x: 12.083, y: 3.004), control1: CGPoint(x: 11.834, y: 3.009), control2: CGPoint(x: 11.955, y: 2.983)) p.addCurve(to: CGPoint(x: 12.398, y: 3.197), control1: CGPoint(x: 12.211, y: 3.026), control2: CGPoint(x: 12.316, y: 3.09)) p.addCurve(to: CGPoint(x: 13.481, y: 5.364), control1: CGPoint(x: 12.896, y: 3.851), control2: CGPoint(x: 13.257, y: 4.573)) p.addCurve(to: CGPoint(x: 13.47, y: 5.673), control1: CGPoint(x: 13.511, y: 5.469), control2: CGPoint(x: 13.507, y: 5.573)) p.addCurve(to: CGPoint(x: 13.277, y: 5.916), control1: CGPoint(x: 13.433, y: 5.774), control2: CGPoint(x: 13.369, y: 5.855)) p.addLine(to: CGPoint(x: 12.061, y: 6.727)) p.addCurve(to: CGPoint(x: 12.061, y: 8.273), control1: CGPoint(x: 12.152, y: 7.242), control2: CGPoint(x: 12.152, y: 7.758)) p.addLine(to: CGPoint(x: 13.277, y: 9.084)) p.addCurve(to: CGPoint(x: 13.47, y: 9.327), control1: CGPoint(x: 13.369, y: 9.145), control2: CGPoint(x: 13.433, y: 9.226)) p.addCurve(to: CGPoint(x: 13.481, y: 9.636), control1: CGPoint(x: 13.507, y: 9.427), control2: CGPoint(x: 13.511, y: 9.531)) p.addCurve(to: CGPoint(x: 12.398, y: 11.803), control1: CGPoint(x: 13.257, y: 10.427), control2: CGPoint(x: 12.896, y: 11.149)) p.addCurve(to: CGPoint(x: 12.083, y: 11.996), control1: CGPoint(x: 12.316, y: 11.91), control2: CGPoint(x: 12.211, y: 11.974)) p.addCurve(to: CGPoint(x: 11.723, y: 11.916), control1: CGPoint(x: 11.955, y: 12.017), control2: CGPoint(x: 11.834, y: 11.991)) p.addLine(to: CGPoint(x: 10.536, y: 11.125)) p.addCurve(to: CGPoint(x: 9, y: 11.898), control1: CGPoint(x: 10.075, y: 11.485), control2: CGPoint(x: 9.563, y: 11.743)) p.addLine(to: CGPoint(x: 9, y: 13)) p.addCurve(to: CGPoint(x: 8.707, y: 13.707), control1: CGPoint(x: 9, y: 13.276), control2: CGPoint(x: 8.902, y: 13.512)) p.addCurve(to: CGPoint(x: 8, y: 14), control1: CGPoint(x: 8.512, y: 13.902), control2: CGPoint(x: 8.276, y: 14)) p.addLine(to: CGPoint(x: 7, y: 14)) p.addCurve(to: CGPoint(x: 6.293, y: 13.707), control1: CGPoint(x: 6.724, y: 14), control2: CGPoint(x: 6.488, y: 13.902)) p.addCurve(to: CGPoint(x: 6, y: 13), control1: CGPoint(x: 6.098, y: 13.512), control2: CGPoint(x: 6, y: 13.276)) p.addLine(to: CGPoint(x: 6, y: 11.898)) p.addCurve(to: CGPoint(x: 4.464, y: 11.125), control1: CGPoint(x: 5.437, y: 11.743), control2: CGPoint(x: 4.925, y: 11.485)) p.addLine(to: CGPoint(x: 3.277, y: 11.916)) p.addCurve(to: CGPoint(x: 2.917, y: 11.996), control1: CGPoint(x: 3.166, y: 11.991), control2: CGPoint(x: 3.045, y: 12.017)) p.addCurve(to: CGPoint(x: 2.602, y: 11.803), control1: CGPoint(x: 2.789, y: 11.974), control2: CGPoint(x: 2.684, y: 11.91)) p.addCurve(to: CGPoint(x: 1.519, y: 9.636), control1: CGPoint(x: 2.104, y: 11.149), control2: CGPoint(x: 1.743, y: 10.427)) p.addCurve(to: CGPoint(x: 1.53, y: 9.327), control1: CGPoint(x: 1.489, y: 9.531), control2: CGPoint(x: 1.493, y: 9.427)) p.addCurve(to: CGPoint(x: 1.723, y: 9.084), control1: CGPoint(x: 1.567, y: 9.226), control2: CGPoint(x: 1.631, y: 9.145)) p.addLine(to: CGPoint(x: 2.939, y: 8.273)) p.addCurve(to: CGPoint(x: 2.939, y: 6.727), control1: CGPoint(x: 2.848, y: 7.758), control2: CGPoint(x: 2.848, y: 7.242)) p.addLine(to: CGPoint(x: 1.723, y: 5.916)) p.addCurve(to: CGPoint(x: 1.53, y: 5.673), control1: CGPoint(x: 1.631, y: 5.855), control2: CGPoint(x: 1.567, y: 5.774)) p.addCurve(to: CGPoint(x: 1.519, y: 5.364), control1: CGPoint(x: 1.493, y: 5.573), control2: CGPoint(x: 1.489, y: 5.469)) p.addCurve(to: CGPoint(x: 2.602, y: 3.197), control1: CGPoint(x: 1.743, y: 4.573), control2: CGPoint(x: 2.104, y: 3.851)) p.addCurve(to: CGPoint(x: 2.917, y: 3.004), control1: CGPoint(x: 2.684, y: 3.09), control2: CGPoint(x: 2.789, y: 3.026)) p.addCurve(to: CGPoint(x: 3.277, y: 3.084), control1: CGPoint(x: 3.045, y: 2.983), control2: CGPoint(x: 3.166, y: 3.009)) p.addLine(to: CGPoint(x: 4.464, y: 3.875)) p.addCurve(to: CGPoint(x: 6, y: 3.102), control1: CGPoint(x: 4.925, y: 3.515), control2: CGPoint(x: 5.437, y: 3.257)) p.addLine(to: CGPoint(x: 6, y: 2)) p.addCurve(to: CGPoint(x: 6.293, y: 1.293), control1: CGPoint(x: 6, y: 1.724), control2: CGPoint(x: 6.098, y: 1.488)) p.addCurve(to: CGPoint(x: 7, y: 1), control1: CGPoint(x: 6.488, y: 1.098), control2: CGPoint(x: 6.724, y: 1)) p.addLine(to: CGPoint(x: 8, y: 1)) p.addCurve(to: CGPoint(x: 8.707, y: 1.293), control1: CGPoint(x: 8.276, y: 1), control2: CGPoint(x: 8.512, y: 1.098)) p.addCurve(to: CGPoint(x: 9, y: 2), control1: CGPoint(x: 8.902, y: 1.488), control2: CGPoint(x: 9, y: 1.724)) p.addLine(to: CGPoint(x: 9, y: 3.102)) p.addCurve(to: CGPoint(x: 10.536, y: 3.875), control1: CGPoint(x: 9.563, y: 3.257), control2: CGPoint(x: 10.075, y: 3.515)) p.closeSubpath() p.move(to: CGPoint(x: 6.885, y: 3.821)) p.addCurve(to: CGPoint(x: 6.59, y: 3.992), control1: CGPoint(x: 6.809, y: 3.913), control2: CGPoint(x: 6.71, y: 3.97)) p.addCurve(to: CGPoint(x: 4.84, y: 4.867), control1: CGPoint(x: 5.921, y: 4.114), control2: CGPoint(x: 5.338, y: 4.405)) p.addCurve(to: CGPoint(x: 4.54, y: 5), control1: CGPoint(x: 4.754, y: 4.946), control2: CGPoint(x: 4.654, y: 4.991)) p.addCurve(to: CGPoint(x: 4.223, y: 4.916), control1: CGPoint(x: 4.426, y: 5.009), control2: CGPoint(x: 4.32, y: 4.981)) p.addLine(to: CGPoint(x: 3.13, y: 4.187)) p.addCurve(to: CGPoint(x: 2.59, y: 5.293), control1: CGPoint(x: 2.908, y: 4.535), control2: CGPoint(x: 2.728, y: 4.903)) p.addLine(to: CGPoint(x: 3.777, y: 6.084)) p.addCurve(to: CGPoint(x: 3.968, y: 6.321), control1: CGPoint(x: 3.867, y: 6.144), control2: CGPoint(x: 3.93, y: 6.223)) p.addCurve(to: CGPoint(x: 3.984, y: 6.625), control1: CGPoint(x: 4.006, y: 6.42), control2: CGPoint(x: 4.011, y: 6.521)) p.addCurve(to: CGPoint(x: 3.984, y: 8.375), control1: CGPoint(x: 3.834, y: 7.208), control2: CGPoint(x: 3.834, y: 7.792)) p.addCurve(to: CGPoint(x: 3.968, y: 8.679), control1: CGPoint(x: 4.011, y: 8.479), control2: CGPoint(x: 4.006, y: 8.58)) p.addCurve(to: CGPoint(x: 3.777, y: 8.916), control1: CGPoint(x: 3.93, y: 8.777), control2: CGPoint(x: 3.867, y: 8.856)) p.addLine(to: CGPoint(x: 2.59, y: 9.707)) p.addCurve(to: CGPoint(x: 3.13, y: 10.813), control1: CGPoint(x: 2.728, y: 10.097), control2: CGPoint(x: 2.908, y: 10.465)) p.addLine(to: CGPoint(x: 4.223, y: 10.084)) p.addCurve(to: CGPoint(x: 4.54, y: 10), control1: CGPoint(x: 4.32, y: 10.019), control2: CGPoint(x: 4.426, y: 9.991)) p.addCurve(to: CGPoint(x: 4.84, y: 10.133), control1: CGPoint(x: 4.654, y: 10.009), control2: CGPoint(x: 4.754, y: 10.054)) p.addCurve(to: CGPoint(x: 6.59, y: 11.008), control1: CGPoint(x: 5.338, y: 10.595), control2: CGPoint(x: 5.921, y: 10.886)) p.addCurve(to: CGPoint(x: 6.885, y: 11.179), control1: CGPoint(x: 6.71, y: 11.03), control2: CGPoint(x: 6.809, y: 11.087)) p.addCurve(to: CGPoint(x: 7, y: 11.5), control1: CGPoint(x: 6.962, y: 11.27), control2: CGPoint(x: 7, y: 11.377)) p.addLine(to: CGPoint(x: 7, y: 13)) p.addLine(to: CGPoint(x: 8, y: 13)) p.addLine(to: CGPoint(x: 8, y: 11.5)) p.addCurve(to: CGPoint(x: 8.115, y: 11.179), control1: CGPoint(x: 8, y: 11.377), control2: CGPoint(x: 8.038, y: 11.27)) p.addCurve(to: CGPoint(x: 8.41, y: 11.008), control1: CGPoint(x: 8.191, y: 11.087), control2: CGPoint(x: 8.29, y: 11.03)) p.addCurve(to: CGPoint(x: 10.16, y: 10.133), control1: CGPoint(x: 9.079, y: 10.886), control2: CGPoint(x: 9.662, y: 10.595)) p.addCurve(to: CGPoint(x: 10.46, y: 10), control1: CGPoint(x: 10.246, y: 10.054), control2: CGPoint(x: 10.346, y: 10.009)) p.addCurve(to: CGPoint(x: 10.777, y: 10.084), control1: CGPoint(x: 10.574, y: 9.991), control2: CGPoint(x: 10.68, y: 10.019)) p.addLine(to: CGPoint(x: 11.87, y: 10.813)) p.addCurve(to: CGPoint(x: 12.41, y: 9.707), control1: CGPoint(x: 12.092, y: 10.465), control2: CGPoint(x: 12.272, y: 10.097)) p.addLine(to: CGPoint(x: 11.223, y: 8.916)) p.addCurve(to: CGPoint(x: 11.032, y: 8.679), control1: CGPoint(x: 11.133, y: 8.856), control2: CGPoint(x: 11.07, y: 8.777)) p.addCurve(to: CGPoint(x: 11.016, y: 8.375), control1: CGPoint(x: 10.994, y: 8.58), control2: CGPoint(x: 10.989, y: 8.479)) p.addCurve(to: CGPoint(x: 11.016, y: 6.625), control1: CGPoint(x: 11.166, y: 7.792), control2: CGPoint(x: 11.166, y: 7.208)) p.addCurve(to: CGPoint(x: 11.032, y: 6.321), control1: CGPoint(x: 10.989, y: 6.521), control2: CGPoint(x: 10.994, y: 6.42)) p.addCurve(to: CGPoint(x: 11.223, y: 6.084), control1: CGPoint(x: 11.07, y: 6.223), control2: CGPoint(x: 11.133, y: 6.144)) p.addLine(to: CGPoint(x: 12.41, y: 5.293)) p.addCurve(to: CGPoint(x: 11.87, y: 4.187), control1: CGPoint(x: 12.272, y: 4.903), control2: CGPoint(x: 12.092, y: 4.535)) p.addLine(to: CGPoint(x: 10.777, y: 4.916)) p.addCurve(to: CGPoint(x: 10.46, y: 5), control1: CGPoint(x: 10.68, y: 4.981), control2: CGPoint(x: 10.574, y: 5.009)) p.addCurve(to: CGPoint(x: 10.16, y: 4.867), control1: CGPoint(x: 10.346, y: 4.991), control2: CGPoint(x: 10.246, y: 4.946)) p.addCurve(to: CGPoint(x: 8.41, y: 3.992), control1: CGPoint(x: 9.662, y: 4.405), control2: CGPoint(x: 9.079, y: 4.114)) p.addCurve(to: CGPoint(x: 8.115, y: 3.821), control1: CGPoint(x: 8.29, y: 3.97), control2: CGPoint(x: 8.191, y: 3.913)) p.addCurve(to: CGPoint(x: 8, y: 3.5), control1: CGPoint(x: 8.038, y: 3.73), control2: CGPoint(x: 8, y: 3.623)) p.addLine(to: CGPoint(x: 8, y: 2)) p.addLine(to: CGPoint(x: 7, y: 2)) p.addLine(to: CGPoint(x: 7, y: 3.5)) p.addCurve(to: CGPoint(x: 6.885, y: 3.821), control1: CGPoint(x: 7, y: 3.623), control2: CGPoint(x: 6.962, y: 3.73)) p.closeSubpath() p.move(to: CGPoint(x: 5.176, y: 6.58)) p.addCurve(to: CGPoint(x: 5.732, y: 5.732), control1: CGPoint(x: 5.303, y: 6.259), control2: CGPoint(x: 5.488, y: 5.976)) p.addCurve(to: CGPoint(x: 6.58, y: 5.176), control1: CGPoint(x: 5.976, y: 5.488), control2: CGPoint(x: 6.259, y: 5.303)) p.addCurve(to: CGPoint(x: 7.5, y: 5), control1: CGPoint(x: 6.875, y: 5.059), control2: CGPoint(x: 7.182, y: 5)) p.addCurve(to: CGPoint(x: 8.42, y: 5.176), control1: CGPoint(x: 7.818, y: 5), control2: CGPoint(x: 8.125, y: 5.059)) p.addCurve(to: CGPoint(x: 9.268, y: 5.732), control1: CGPoint(x: 8.741, y: 5.303), control2: CGPoint(x: 9.024, y: 5.488)) p.addCurve(to: CGPoint(x: 9.824, y: 6.58), control1: CGPoint(x: 9.512, y: 5.976), control2: CGPoint(x: 9.697, y: 6.259)) p.addCurve(to: CGPoint(x: 10, y: 7.5), control1: CGPoint(x: 9.941, y: 6.875), control2: CGPoint(x: 10, y: 7.182)) p.addCurve(to: CGPoint(x: 9.824, y: 8.42), control1: CGPoint(x: 10, y: 7.818), control2: CGPoint(x: 9.941, y: 8.125)) p.addCurve(to: CGPoint(x: 9.268, y: 9.268), control1: CGPoint(x: 9.697, y: 8.741), control2: CGPoint(x: 9.512, y: 9.024)) p.addCurve(to: CGPoint(x: 8.42, y: 9.824), control1: CGPoint(x: 9.024, y: 9.512), control2: CGPoint(x: 8.741, y: 9.697)) p.addCurve(to: CGPoint(x: 7.5, y: 10), control1: CGPoint(x: 8.125, y: 9.941), control2: CGPoint(x: 7.818, y: 10)) p.addCurve(to: CGPoint(x: 6.58, y: 9.824), control1: CGPoint(x: 7.182, y: 10), control2: CGPoint(x: 6.875, y: 9.941)) p.addCurve(to: CGPoint(x: 5.732, y: 9.268), control1: CGPoint(x: 6.259, y: 9.697), control2: CGPoint(x: 5.976, y: 9.512)) p.addCurve(to: CGPoint(x: 5.176, y: 8.42), control1: CGPoint(x: 5.488, y: 9.024), control2: CGPoint(x: 5.303, y: 8.741)) p.addCurve(to: CGPoint(x: 5, y: 7.5), control1: CGPoint(x: 5.059, y: 8.125), control2: CGPoint(x: 5, y: 7.818)) p.addCurve(to: CGPoint(x: 5.176, y: 6.58), control1: CGPoint(x: 5, y: 7.182), control2: CGPoint(x: 5.059, y: 6.875)) p.closeSubpath() p.move(to: CGPoint(x: 6.105, y: 8.052)) p.addCurve(to: CGPoint(x: 6.439, y: 8.561), control1: CGPoint(x: 6.182, y: 8.245), control2: CGPoint(x: 6.293, y: 8.414)) p.addCurve(to: CGPoint(x: 6.948, y: 8.895), control1: CGPoint(x: 6.586, y: 8.707), control2: CGPoint(x: 6.755, y: 8.818)) p.addCurve(to: CGPoint(x: 7.5, y: 9), control1: CGPoint(x: 7.125, y: 8.965), control2: CGPoint(x: 7.309, y: 9)) p.addCurve(to: CGPoint(x: 8.052, y: 8.895), control1: CGPoint(x: 7.691, y: 9), control2: CGPoint(x: 7.875, y: 8.965)) p.addCurve(to: CGPoint(x: 8.561, y: 8.561), control1: CGPoint(x: 8.245, y: 8.818), control2: CGPoint(x: 8.414, y: 8.707)) p.addCurve(to: CGPoint(x: 8.895, y: 8.052), control1: CGPoint(x: 8.707, y: 8.414), control2: CGPoint(x: 8.818, y: 8.245)) p.addCurve(to: CGPoint(x: 9, y: 7.5), control1: CGPoint(x: 8.965, y: 7.875), control2: CGPoint(x: 9, y: 7.691)) p.addCurve(to: CGPoint(x: 8.895, y: 6.948), control1: CGPoint(x: 9, y: 7.309), control2: CGPoint(x: 8.965, y: 7.125)) p.addCurve(to: CGPoint(x: 8.561, y: 6.439), control1: CGPoint(x: 8.818, y: 6.755), control2: CGPoint(x: 8.707, y: 6.586)) p.addCurve(to: CGPoint(x: 8.052, y: 6.105), control1: CGPoint(x: 8.414, y: 6.293), control2: CGPoint(x: 8.245, y: 6.182)) p.addCurve(to: CGPoint(x: 7.5, y: 6), control1: CGPoint(x: 7.875, y: 6.035), control2: CGPoint(x: 7.691, y: 6)) p.addCurve(to: CGPoint(x: 6.948, y: 6.105), control1: CGPoint(x: 7.309, y: 6), control2: CGPoint(x: 7.125, y: 6.035)) p.addCurve(to: CGPoint(x: 6.439, y: 6.439), control1: CGPoint(x: 6.755, y: 6.182), control2: CGPoint(x: 6.586, y: 6.293)) p.addCurve(to: CGPoint(x: 6.105, y: 6.948), control1: CGPoint(x: 6.293, y: 6.586), control2: CGPoint(x: 6.182, y: 6.755)) p.addCurve(to: CGPoint(x: 6, y: 7.5), control1: CGPoint(x: 6.035, y: 7.125), control2: CGPoint(x: 6, y: 7.309)) p.addCurve(to: CGPoint(x: 6.105, y: 8.052), control1: CGPoint(x: 6, y: 7.691), control2: CGPoint(x: 6.035, y: 7.875)) p.closeSubpath() return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16)) } } // SettingsIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp. ``` ### Compose ```kotlin // Gentleface "settings" (line-round), MIT. https://gentleface.com/icons/settings import androidx.compose.ui.graphics.Color import androidx.compose.ui.graphics.SolidColor import androidx.compose.ui.graphics.vector.ImageVector import androidx.compose.ui.graphics.vector.addPathNodes import androidx.compose.ui.unit.dp val SettingsIcon: ImageVector by lazy { ImageVector.Builder( name = "settings", defaultWidth = 16.dp, defaultHeight = 16.dp, viewportWidth = 16f, viewportHeight = 16f, ).addPath( pathData = addPathNodes("M10.536 3.875L11.723 3.084C11.834 3.009 11.955 2.983 12.083 3.004C12.211 3.026 12.316 3.09 12.398 3.197C12.896 3.851 13.257 4.573 13.481 5.364C13.511 5.469 13.507 5.573 13.47 5.673C13.433 5.774 13.369 5.855 13.277 5.916L12.061 6.727C12.152 7.242 12.152 7.758 12.061 8.273L13.277 9.084C13.369 9.145 13.433 9.226 13.47 9.327C13.507 9.427 13.511 9.531 13.481 9.636C13.257 10.427 12.896 11.149 12.398 11.803C12.316 11.91 12.211 11.974 12.083 11.996C11.955 12.017 11.834 11.991 11.723 11.916L10.536 11.125C10.075 11.485 9.563 11.743 9 11.898L9 13C9 13.276 8.902 13.512 8.707 13.707C8.512 13.902 8.276 14 8 14L7 14C6.724 14 6.488 13.902 6.293 13.707C6.098 13.512 6 13.276 6 13L6 11.898C5.437 11.743 4.925 11.485 4.464 11.125L3.277 11.916C3.166 11.991 3.045 12.017 2.917 11.996C2.789 11.974 2.684 11.91 2.602 11.803C2.104 11.149 1.743 10.427 1.519 9.636C1.489 9.531 1.493 9.427 1.53 9.327C1.567 9.226 1.631 9.145 1.723 9.084L2.939 8.273C2.848 7.758 2.848 7.242 2.939 6.727L1.723 5.916C1.631 5.855 1.567 5.774 1.53 5.673C1.493 5.573 1.489 5.469 1.519 5.364C1.743 4.573 2.104 3.851 2.602 3.197C2.684 3.09 2.789 3.026 2.917 3.004C3.045 2.983 3.166 3.009 3.277 3.084L4.464 3.875C4.925 3.515 5.437 3.257 6 3.102L6 2C6 1.724 6.098 1.488 6.293 1.293C6.488 1.098 6.724 1 7 1L8 1C8.276 1 8.512 1.098 8.707 1.293C8.902 1.488 9 1.724 9 2L9 3.102C9.563 3.257 10.075 3.515 10.536 3.875ZM6.885 3.821C6.809 3.913 6.71 3.97 6.59 3.992C5.921 4.114 5.338 4.405 4.84 4.867C4.754 4.946 4.654 4.991 4.54 5C4.426 5.009 4.32 4.981 4.223 4.916L3.13 4.187C2.908 4.535 2.728 4.903 2.59 5.293L3.777 6.084C3.867 6.144 3.93 6.223 3.968 6.321C4.006 6.42 4.011 6.521 3.984 6.625C3.834 7.208 3.834 7.792 3.984 8.375C4.011 8.479 4.006 8.58 3.968 8.679C3.93 8.777 3.867 8.856 3.777 8.916L2.59 9.707C2.728 10.097 2.908 10.465 3.13 10.813L4.223 10.084C4.32 10.019 4.426 9.991 4.54 10C4.654 10.009 4.754 10.054 4.84 10.133C5.338 10.595 5.921 10.886 6.59 11.008C6.71 11.03 6.809 11.087 6.885 11.179C6.962 11.27 7 11.377 7 11.5L7 13L8 13L8 11.5C8 11.377 8.038 11.27 8.115 11.179C8.191 11.087 8.29 11.03 8.41 11.008C9.079 10.886 9.662 10.595 10.16 10.133C10.246 10.054 10.346 10.009 10.46 10C10.574 9.991 10.68 10.019 10.777 10.084L11.87 10.813C12.092 10.465 12.272 10.097 12.41 9.707L11.223 8.916C11.133 8.856 11.07 8.777 11.032 8.679C10.994 8.58 10.989 8.479 11.016 8.375C11.166 7.792 11.166 7.208 11.016 6.625C10.989 6.521 10.994 6.42 11.032 6.321C11.07 6.223 11.133 6.144 11.223 6.084L12.41 5.293C12.272 4.903 12.092 4.535 11.87 4.187L10.777 4.916C10.68 4.981 10.574 5.009 10.46 5C10.346 4.991 10.246 4.946 10.16 4.867C9.662 4.405 9.079 4.114 8.41 3.992C8.29 3.97 8.191 3.913 8.115 3.821C8.038 3.73 8 3.623 8 3.5L8 2L7 2L7 3.5C7 3.623 6.962 3.73 6.885 3.821ZM5.176 6.58C5.303 6.259 5.488 5.976 5.732 5.732C5.976 5.488 6.259 5.303 6.58 5.176C6.875 5.059 7.182 5 7.5 5C7.818 5 8.125 5.059 8.42 5.176C8.741 5.303 9.024 5.488 9.268 5.732C9.512 5.976 9.697 6.259 9.824 6.58C9.941 6.875 10 7.182 10 7.5C10 7.818 9.941 8.125 9.824 8.42C9.697 8.741 9.512 9.024 9.268 9.268C9.024 9.512 8.741 9.697 8.42 9.824C8.125 9.941 7.818 10 7.5 10C7.182 10 6.875 9.941 6.58 9.824C6.259 9.697 5.976 9.512 5.732 9.268C5.488 9.024 5.303 8.741 5.176 8.42C5.059 8.125 5 7.818 5 7.5C5 7.182 5.059 6.875 5.176 6.58ZM6.105 8.052C6.182 8.245 6.293 8.414 6.439 8.561C6.586 8.707 6.755 8.818 6.948 8.895C7.125 8.965 7.309 9 7.5 9C7.691 9 7.875 8.965 8.052 8.895C8.245 8.818 8.414 8.707 8.561 8.561C8.707 8.414 8.818 8.245 8.895 8.052C8.965 7.875 9 7.691 9 7.5C9 7.309 8.965 7.125 8.895 6.948C8.818 6.755 8.707 6.586 8.561 6.439C8.414 6.293 8.245 6.182 8.052 6.105C7.875 6.035 7.691 6 7.5 6C7.309 6 7.125 6.035 6.948 6.105C6.755 6.182 6.586 6.293 6.439 6.439C6.293 6.586 6.182 6.755 6.105 6.948C6.035 7.125 6 7.309 6 7.5C6 7.691 6.035 7.875 6.105 8.052Z"), fill = SolidColor(Color.Black), ).build() } // Icon(SettingsIcon, contentDescription = null) tints it with LocalContentColor. ``` ### Android XML ```xml ``` ### Flutter ```dart // Gentleface "settings" (line-round), MIT. https://gentleface.com/icons/settings import 'package:flutter/widgets.dart'; class SettingsIcon extends StatelessWidget { const SettingsIcon({super.key, this.size = 16, this.color}); final double size; final Color? color; @override Widget build(BuildContext context) => CustomPaint( size: Size.square(size), painter: _SettingsIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)), ); } class _SettingsIconPainter extends CustomPainter { _SettingsIconPainter(this.color); final Color color; @override void paint(Canvas canvas, Size size) { canvas.scale(size.width / 16, size.height / 16); final p = Path() ..moveTo(10.536, 3.875) ..lineTo(11.723, 3.084) ..cubicTo(11.834, 3.009, 11.955, 2.983, 12.083, 3.004) ..cubicTo(12.211, 3.026, 12.316, 3.09, 12.398, 3.197) ..cubicTo(12.896, 3.851, 13.257, 4.573, 13.481, 5.364) ..cubicTo(13.511, 5.469, 13.507, 5.573, 13.47, 5.673) ..cubicTo(13.433, 5.774, 13.369, 5.855, 13.277, 5.916) ..lineTo(12.061, 6.727) ..cubicTo(12.152, 7.242, 12.152, 7.758, 12.061, 8.273) ..lineTo(13.277, 9.084) ..cubicTo(13.369, 9.145, 13.433, 9.226, 13.47, 9.327) ..cubicTo(13.507, 9.427, 13.511, 9.531, 13.481, 9.636) ..cubicTo(13.257, 10.427, 12.896, 11.149, 12.398, 11.803) ..cubicTo(12.316, 11.91, 12.211, 11.974, 12.083, 11.996) ..cubicTo(11.955, 12.017, 11.834, 11.991, 11.723, 11.916) ..lineTo(10.536, 11.125) ..cubicTo(10.075, 11.485, 9.563, 11.743, 9, 11.898) ..lineTo(9, 13) ..cubicTo(9, 13.276, 8.902, 13.512, 8.707, 13.707) ..cubicTo(8.512, 13.902, 8.276, 14, 8, 14) ..lineTo(7, 14) ..cubicTo(6.724, 14, 6.488, 13.902, 6.293, 13.707) ..cubicTo(6.098, 13.512, 6, 13.276, 6, 13) ..lineTo(6, 11.898) ..cubicTo(5.437, 11.743, 4.925, 11.485, 4.464, 11.125) ..lineTo(3.277, 11.916) ..cubicTo(3.166, 11.991, 3.045, 12.017, 2.917, 11.996) ..cubicTo(2.789, 11.974, 2.684, 11.91, 2.602, 11.803) ..cubicTo(2.104, 11.149, 1.743, 10.427, 1.519, 9.636) ..cubicTo(1.489, 9.531, 1.493, 9.427, 1.53, 9.327) ..cubicTo(1.567, 9.226, 1.631, 9.145, 1.723, 9.084) ..lineTo(2.939, 8.273) ..cubicTo(2.848, 7.758, 2.848, 7.242, 2.939, 6.727) ..lineTo(1.723, 5.916) ..cubicTo(1.631, 5.855, 1.567, 5.774, 1.53, 5.673) ..cubicTo(1.493, 5.573, 1.489, 5.469, 1.519, 5.364) ..cubicTo(1.743, 4.573, 2.104, 3.851, 2.602, 3.197) ..cubicTo(2.684, 3.09, 2.789, 3.026, 2.917, 3.004) ..cubicTo(3.045, 2.983, 3.166, 3.009, 3.277, 3.084) ..lineTo(4.464, 3.875) ..cubicTo(4.925, 3.515, 5.437, 3.257, 6, 3.102) ..lineTo(6, 2) ..cubicTo(6, 1.724, 6.098, 1.488, 6.293, 1.293) ..cubicTo(6.488, 1.098, 6.724, 1, 7, 1) ..lineTo(8, 1) ..cubicTo(8.276, 1, 8.512, 1.098, 8.707, 1.293) ..cubicTo(8.902, 1.488, 9, 1.724, 9, 2) ..lineTo(9, 3.102) ..cubicTo(9.563, 3.257, 10.075, 3.515, 10.536, 3.875) ..close() ..moveTo(6.885, 3.821) ..cubicTo(6.809, 3.913, 6.71, 3.97, 6.59, 3.992) ..cubicTo(5.921, 4.114, 5.338, 4.405, 4.84, 4.867) ..cubicTo(4.754, 4.946, 4.654, 4.991, 4.54, 5) ..cubicTo(4.426, 5.009, 4.32, 4.981, 4.223, 4.916) ..lineTo(3.13, 4.187) ..cubicTo(2.908, 4.535, 2.728, 4.903, 2.59, 5.293) ..lineTo(3.777, 6.084) ..cubicTo(3.867, 6.144, 3.93, 6.223, 3.968, 6.321) ..cubicTo(4.006, 6.42, 4.011, 6.521, 3.984, 6.625) ..cubicTo(3.834, 7.208, 3.834, 7.792, 3.984, 8.375) ..cubicTo(4.011, 8.479, 4.006, 8.58, 3.968, 8.679) ..cubicTo(3.93, 8.777, 3.867, 8.856, 3.777, 8.916) ..lineTo(2.59, 9.707) ..cubicTo(2.728, 10.097, 2.908, 10.465, 3.13, 10.813) ..lineTo(4.223, 10.084) ..cubicTo(4.32, 10.019, 4.426, 9.991, 4.54, 10) ..cubicTo(4.654, 10.009, 4.754, 10.054, 4.84, 10.133) ..cubicTo(5.338, 10.595, 5.921, 10.886, 6.59, 11.008) ..cubicTo(6.71, 11.03, 6.809, 11.087, 6.885, 11.179) ..cubicTo(6.962, 11.27, 7, 11.377, 7, 11.5) ..lineTo(7, 13) ..lineTo(8, 13) ..lineTo(8, 11.5) ..cubicTo(8, 11.377, 8.038, 11.27, 8.115, 11.179) ..cubicTo(8.191, 11.087, 8.29, 11.03, 8.41, 11.008) ..cubicTo(9.079, 10.886, 9.662, 10.595, 10.16, 10.133) ..cubicTo(10.246, 10.054, 10.346, 10.009, 10.46, 10) ..cubicTo(10.574, 9.991, 10.68, 10.019, 10.777, 10.084) ..lineTo(11.87, 10.813) ..cubicTo(12.092, 10.465, 12.272, 10.097, 12.41, 9.707) ..lineTo(11.223, 8.916) ..cubicTo(11.133, 8.856, 11.07, 8.777, 11.032, 8.679) ..cubicTo(10.994, 8.58, 10.989, 8.479, 11.016, 8.375) ..cubicTo(11.166, 7.792, 11.166, 7.208, 11.016, 6.625) ..cubicTo(10.989, 6.521, 10.994, 6.42, 11.032, 6.321) ..cubicTo(11.07, 6.223, 11.133, 6.144, 11.223, 6.084) ..lineTo(12.41, 5.293) ..cubicTo(12.272, 4.903, 12.092, 4.535, 11.87, 4.187) ..lineTo(10.777, 4.916) ..cubicTo(10.68, 4.981, 10.574, 5.009, 10.46, 5) ..cubicTo(10.346, 4.991, 10.246, 4.946, 10.16, 4.867) ..cubicTo(9.662, 4.405, 9.079, 4.114, 8.41, 3.992) ..cubicTo(8.29, 3.97, 8.191, 3.913, 8.115, 3.821) ..cubicTo(8.038, 3.73, 8, 3.623, 8, 3.5) ..lineTo(8, 2) ..lineTo(7, 2) ..lineTo(7, 3.5) ..cubicTo(7, 3.623, 6.962, 3.73, 6.885, 3.821) ..close() ..moveTo(5.176, 6.58) ..cubicTo(5.303, 6.259, 5.488, 5.976, 5.732, 5.732) ..cubicTo(5.976, 5.488, 6.259, 5.303, 6.58, 5.176) ..cubicTo(6.875, 5.059, 7.182, 5, 7.5, 5) ..cubicTo(7.818, 5, 8.125, 5.059, 8.42, 5.176) ..cubicTo(8.741, 5.303, 9.024, 5.488, 9.268, 5.732) ..cubicTo(9.512, 5.976, 9.697, 6.259, 9.824, 6.58) ..cubicTo(9.941, 6.875, 10, 7.182, 10, 7.5) ..cubicTo(10, 7.818, 9.941, 8.125, 9.824, 8.42) ..cubicTo(9.697, 8.741, 9.512, 9.024, 9.268, 9.268) ..cubicTo(9.024, 9.512, 8.741, 9.697, 8.42, 9.824) ..cubicTo(8.125, 9.941, 7.818, 10, 7.5, 10) ..cubicTo(7.182, 10, 6.875, 9.941, 6.58, 9.824) ..cubicTo(6.259, 9.697, 5.976, 9.512, 5.732, 9.268) ..cubicTo(5.488, 9.024, 5.303, 8.741, 5.176, 8.42) ..cubicTo(5.059, 8.125, 5, 7.818, 5, 7.5) ..cubicTo(5, 7.182, 5.059, 6.875, 5.176, 6.58) ..close() ..moveTo(6.105, 8.052) ..cubicTo(6.182, 8.245, 6.293, 8.414, 6.439, 8.561) ..cubicTo(6.586, 8.707, 6.755, 8.818, 6.948, 8.895) ..cubicTo(7.125, 8.965, 7.309, 9, 7.5, 9) ..cubicTo(7.691, 9, 7.875, 8.965, 8.052, 8.895) ..cubicTo(8.245, 8.818, 8.414, 8.707, 8.561, 8.561) ..cubicTo(8.707, 8.414, 8.818, 8.245, 8.895, 8.052) ..cubicTo(8.965, 7.875, 9, 7.691, 9, 7.5) ..cubicTo(9, 7.309, 8.965, 7.125, 8.895, 6.948) ..cubicTo(8.818, 6.755, 8.707, 6.586, 8.561, 6.439) ..cubicTo(8.414, 6.293, 8.245, 6.182, 8.052, 6.105) ..cubicTo(7.875, 6.035, 7.691, 6, 7.5, 6) ..cubicTo(7.309, 6, 7.125, 6.035, 6.948, 6.105) ..cubicTo(6.755, 6.182, 6.586, 6.293, 6.439, 6.439) ..cubicTo(6.293, 6.586, 6.182, 6.755, 6.105, 6.948) ..cubicTo(6.035, 7.125, 6, 7.309, 6, 7.5) ..cubicTo(6, 7.691, 6.035, 7.875, 6.105, 8.052) ..close(); canvas.drawPath(p, Paint()..color = color); } @override bool shouldRepaint(_SettingsIconPainter old) => old.color != color; } ```