Account Setting02 icon
A hand-drawn account setting02 icon that animates on its own: an SVG on a 24px grid in thin, regular and bold strokes. Free to download and use in the apps you build (LumioUI License). It takes your text colour through currentColor.
- Category
- People
- Grid
- 24 × 24
- Strokes
- 1.5 · 2 · 2.5
- Name
account-setting02
Stroke weights and sizes
Use it in React Native
Paste the SVG into react-native-svg's SvgXml. The Icon component covers a curated set by name, and Animated Icons plays the motion natively.
TSX AccountSetting02Icon.tsx
import { SvgXml } from "react-native-svg";
const AccountSetting02Icon = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><circle stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" cx="8.96" cy="7.9" r="3.1"></circle><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M4.06 15.9C4.06 12.8 6.26 10.5 8.96 10.5S13.86 12.8 13.86 15.9C13.86 16.5 13.36 17 12.76 17L5.16 17C4.56 17 4.06 16.5 4.06 15.9Z"></path><g><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M20.07 14L19.77 14.55Q19.46 15.1 19.18 15.29Q18.9 15.49 18.76 15.65Q18.62 15.81 18.66 16.02Q18.7 16.24 18.84 16.55Q18.99 16.85 19.07 17.2Q19.16 17.55 19.06 17.83Q18.97 18.11 18.69 18.2Q18.41 18.3 18.06 18.21Q17.71 18.13 17.41 17.98Q17.1 17.84 16.89 17.8Q16.67 17.76 16.51 17.9Q16.35 18.04 16.16 18.32Q15.96 18.6 15.7 18.85Q15.43 19.1 15.14 19.16Q14.86 19.21 14.64 19.02Q14.42 18.82 14.32 18.48Q14.21 18.13 14.18 17.8Q14.15 17.46 14.09 17.25Q14.02 17.04 13.81 16.98Q13.6 16.91 13.27 16.88Q12.93 16.85 12.59 16.75Q12.24 16.64 12.04 16.42Q11.85 16.2 11.91 15.91Q11.96 15.63 12.21 15.37Q12.46 15.1 12.74 14.91Q13.02 14.71 13.16 14.55Q13.3 14.39 13.26 14.18Q13.22 13.96 13.07 13.66Q12.93 13.35 12.84 13Q12.76 12.65 12.86 12.37Q12.95 12.09 13.23 12Q13.51 11.9 13.86 11.98Q14.21 12.07 14.52 12.21Q14.82 12.36 15.04 12.4Q15.25 12.44 15.41 12.3Q15.57 12.16 15.77 11.88Q15.96 11.6 16.23 11.35Q16.49 11.1 16.77 11.04Q17.06 10.99 17.28 11.19Q17.5 11.38 17.61 11.73Q17.71 12.07 17.74 12.41Q17.77 12.74 17.84 12.95Q17.9 13.16 18.11 13.22Q18.32 13.29 18.66 13.32Q18.99 13.35 19.34 13.46Q19.68 13.56 19.88 13.78L20.07 14Z"></path><circle stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" cx="15.96" cy="15.1" r="1.3"></circle></g></svg>`;
<SvgXml xml={AccountSetting02Icon} width={24} height={24} color="#111" />SVG code
The still glyph. The animated version, linked above, plays its motion on its own with SMIL, so it needs no script.
SVG account-setting02.svg
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><circle stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" cx="8.96" cy="7.9" r="3.1"></circle><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M4.06 15.9C4.06 12.8 6.26 10.5 8.96 10.5S13.86 12.8 13.86 15.9C13.86 16.5 13.36 17 12.76 17L5.16 17C4.56 17 4.06 16.5 4.06 15.9Z"></path><g><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M20.07 14L19.77 14.55Q19.46 15.1 19.18 15.29Q18.9 15.49 18.76 15.65Q18.62 15.81 18.66 16.02Q18.7 16.24 18.84 16.55Q18.99 16.85 19.07 17.2Q19.16 17.55 19.06 17.83Q18.97 18.11 18.69 18.2Q18.41 18.3 18.06 18.21Q17.71 18.13 17.41 17.98Q17.1 17.84 16.89 17.8Q16.67 17.76 16.51 17.9Q16.35 18.04 16.16 18.32Q15.96 18.6 15.7 18.85Q15.43 19.1 15.14 19.16Q14.86 19.21 14.64 19.02Q14.42 18.82 14.32 18.48Q14.21 18.13 14.18 17.8Q14.15 17.46 14.09 17.25Q14.02 17.04 13.81 16.98Q13.6 16.91 13.27 16.88Q12.93 16.85 12.59 16.75Q12.24 16.64 12.04 16.42Q11.85 16.2 11.91 15.91Q11.96 15.63 12.21 15.37Q12.46 15.1 12.74 14.91Q13.02 14.71 13.16 14.55Q13.3 14.39 13.26 14.18Q13.22 13.96 13.07 13.66Q12.93 13.35 12.84 13Q12.76 12.65 12.86 12.37Q12.95 12.09 13.23 12Q13.51 11.9 13.86 11.98Q14.21 12.07 14.52 12.21Q14.82 12.36 15.04 12.4Q15.25 12.44 15.41 12.3Q15.57 12.16 15.77 11.88Q15.96 11.6 16.23 11.35Q16.49 11.1 16.77 11.04Q17.06 10.99 17.28 11.19Q17.5 11.38 17.61 11.73Q17.71 12.07 17.74 12.41Q17.77 12.74 17.84 12.95Q17.9 13.16 18.11 13.22Q18.32 13.29 18.66 13.32Q18.99 13.35 19.34 13.46Q19.68 13.56 19.88 13.78L20.07 14Z"></path><circle stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" cx="15.96" cy="15.1" r="1.3"></circle></g></svg>On the web, link it straight from the CDN:
HTML index.html
<img src="https://cdn.lumioui.com/iconset/static/account-setting02.svg" width="24" height="24" alt="Account Setting02" />
