<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGBh9ezbYX)" d="M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18m0-.683a8.317 8.317 0 1 0 0-16.633a8.317 8.317 0 0 0 0 16.633"/><path fill="url(#SVGqUmnTi5E)" d="M12 20.47a8.47 8.47 0 1 0 0-16.941a8.47 8.47 0 0 0 0 16.941"/><path fill="url(#SVGap6Rhede)" d="m11.48 6.016l-.423-.45c.233-.328.593-.423 1.09-.317c.393.09.266.466.16.646c.148.016.497.106.704.307c.2.206 0 .434-.122.53c.275.015.884.068 1.117.147c.297.096 1.668.752 1.954.81c.285.053.555.053.688.133c.138.069-.09.296-.424.407c-.333.117-.513.032-.767.032s-1.27-.672-1.9-.672s-1.076.37-1.256.64c-.174.276-.28.826-.105 1.557c.143.582.423 1.07.55 1.239c.995 1.471 2.345 1.572 3.52 2.117a2.17 2.17 0 0 1 1.229 1.8v2.753c-.159.387-.784.508-1.075.524c-.137 0-.444-.01-.55-.053c-.106-.037-.254-.26-.318-.37c-.249-.328-.228-1-.185-1.292a2.9 2.9 0 0 1-1.54.768l-.356.947c-.084.101-.397.302-.99.302a2.6 2.6 0 0 1-1.238-.302v-.667c-.037.021-.196.064-.567.064s-.635-.064-.725-.095v.698c-.212.106-.815.302-1.265.302c-.355 0-.599-.143-.673-.212c-.148-.227-.508-1.006-.752-2.297c-.296-1.61-.105-3.05-.105-3.87c0-.657.555-2.557.836-3.426c.339-.778.487-1.466.519-1.715c0-.953-.593-1.059-.89-.99h-.084c.487-.81 1.19-.572 1.79-.27c.476.244.814 1.202.926 1.657c.246-.519.64-.953 1.133-1.25l.095-.137z"/><path fill="url(#SVGF4ajOdpR)" d="M7.733 13.748c-.19-1.117.243-3.812.35-3.891c.38-.392 1.27-1.165 1.8-1.165c.645 0 1.217.021 1.625.238c.407.222-.08.927 0 1.446c.084.513.053.677.545 1.386c.492.705 1.006.922 1.906 1.33c.9.407 1.763.65 2.038.65c.27 0-1.197 1.986-1.821 2.34c-.625.355-1.059 0-1.414 0c-.354 0-1.387.461-1.853.52c-.46.052-1.874-.244-2.334-.684c-.466-.434-.657-1.058-.847-2.17z"/><path fill="#818cf8" d="m8.612 13.726l-.08-.243c.053-.032.27-.106.699-.143c.424-.037.688.2.762.328l-.206.201z"/><path fill="#818cf8" d="M7.839 6.018c.158-.084.402-.212.953.233c.534.424.222.868 0 1.038c-.096-.413-.435-1.239-1.038-1.239c.026-.005.053-.021.085-.037zm4.923.567c-.19-.106-.736-.25-1.445 0c.127 0 .402.18.487.9c.106-.297.44-.9.953-.9z"/><path fill="url(#SVGclmylcMK)" d="m7.87 11.195l-.174-.053c-.016.032-.032.186.058.498c.111.392.312.667.604.667c.29 0 .582-.265.773-.265c.195 0 .529.106.746.207c.175.085.36.106.434.106c.794 0 .995-.842.995-1.26l-.486.106c0 .185-.075.566-.371.582c-.302.016-.424-.265-.44-.413l-.788.048l-.546-.048c.053.132.043.392-.38.392c-.424 0-.461-.376-.424-.567"/><path fill="#818cf8" d="m7.897 11.19l.741.18c.053.116.048.36-.37.36c-.408 0-.419-.36-.371-.54m2.155.19l.73-.185c.006.185-.053.556-.323.556c-.275 0-.386-.249-.407-.37"/><path fill="#818cf8" d="M15.16 7.77a3.4 3.4 0 0 1-1.053-.688c.159.052.55.2.863.36a6 6 0 0 0 1.011.36c-.058.079-.307.18-.82-.032"/><path fill="#818cf8" d="M10.311 5.382c-.471 0-.836.243-.958.37c.29.297.873 1.033.873 1.6a4.4 4.4 0 0 1 1.287-1.324l-.302-.28c-.106-.123-.429-.366-.9-.366"/><path fill="url(#SVGFYsgDerf)" d="M5.991 9.158c-.238.37-.635.672-.81.778c-.026.059-.01.239.233.434c.238.202.429.202.493.175c.709 0 1.492-.757 1.789-1.133l.201-.386c.477-1.017.609-1.864.62-2.16a2 2 0 0 1-.265.042l-.556.016l-.318.212c-.339.159-1.09 1.556-1.387 2.022"/><path fill="#818cf8" d="M9.184 12.36c-.503 0-.742.509-.795.763l.106.36c.064-.053.27-.149.614-.149c.34 0 .742.196.9.297c.07-.111.212-.339.244-.37c.01-.345-.445-.9-1.07-.9"/><path fill="url(#SVGwb60IbkP)" d="M9.067 13.594c-.196-.031-.386.096-.455.16c.053.174.227.518.561.518c.339 0 .55-.28.614-.424c-.159-.068-.524-.216-.72-.254"/><path fill="url(#SVGgyLV3cwr)" d="M9.2 13.324c.324 0 .587-.216.587-.482s-.263-.482-.588-.482s-.587.216-.587.482s.263.482.587.482"/><path fill="#818cf8" d="M8.977 11.032c.064.095-.17.238-.291.296l.18.037c.106-.095.307-.318.265-.424c-.053-.11-.52-.45-.752-.608c.175.196.535.603.598.699m.535.047c-.064.095.17.238.291.297l-.18.037c-.106-.096-.312-.313-.265-.424c.048-.106 1.06-.651 1.287-.81c-.175.196-1.07.805-1.133.9"/><path fill="#818cf8" fill-rule="evenodd" d="M11.9 5.17c-.318 0-.53.064-.667.144a.46.46 0 0 0-.18.164a1 1 0 0 0-.196-.09a1.7 1.7 0 0 0-.583-.09c-.46 0-.778.217-.916.37c-.137-.105-.444-.259-.878-.259c-.615 0-.996.328-.996.667v.09l.085-.032c.148-.053.36-.074.53.027c.148.085.285.265.317.64l-.095.022c-.106.02-.27.031-.524.031c-.186 0-.371.133-.546.307c-.174.18-.344.424-.508.678c-.159.254-.312.524-.44.757l-.052.095c-.106.191-.19.35-.254.445a2 2 0 0 1-.456.46c-.17.133-.333.223-.434.27l-.032.017v.037c-.01.116.027.28.17.418c.137.132.37.238.741.238c.37 0 .762-.212 1.09-.455c.223-.17.419-.355.572-.519a14.1 14.1 0 0 0-.624 4.278c.005.524.053 1.376.2 2.234c.144.857.382 1.726.763 2.276l.005.01l.011.012c.1.058.392.164.847.164s.932-.207 1.117-.307l.032-.016v-.63c.143.02.339.042.545.053c.212 0 .44 0 .63-.048v.614l.021.021c.138.106.556.318 1.213.318c.328 0 .577-.053.757-.122c.175-.063.286-.143.333-.206l.01-.006l.34-.926a3.24 3.24 0 0 0 1.461-.662c-.01.228 0 .53.064.805c.074.339.232.678.54.81h.015c.191.026.498.032.794-.032a1.26 1.26 0 0 0 .8-.466l.01-.016v-2.758c.011-.445-.211-1.456-1.19-1.927c-.281-.132-.604-.243-.938-.36l-.053-.021a9 9 0 0 1-1.08-.424a3.53 3.53 0 0 1-2.09-2.975c-.038-.445.02-.89.275-1.186c.116-.153.513-.466 1.122-.466c.37 0 .71.17 1.059.35l.01.005c.355.18.726.37 1.165.37c.688 0 .916-.307.932-.502v-.022a.16.16 0 0 0-.064-.079a.4.4 0 0 0-.111-.058a1.3 1.3 0 0 0-.46-.064c-.191 0-.477-.1-.768-.227a6 6 0 0 1-.73-.382a3.4 3.4 0 0 0-1.573-.365c.026-.037.053-.074.069-.116a.42.42 0 0 0 .026-.297c-.032-.106-.106-.19-.243-.265a1.5 1.5 0 0 0-.498-.142a.6.6 0 0 0 .048-.382a.35.35 0 0 0-.165-.211a.7.7 0 0 0-.37-.085zM7.744 9.3c.084-.249.158-.476.238-.688l.037-.106a11 11 0 0 0 .291-.884a2.4 2.4 0 0 0-.402 0c-.244.027-.583.392-.73.572l.46-.646c.196-.164.534-.127.714-.08a2.2 2.2 0 0 0 .07-.54a3.3 3.3 0 0 1-.62.053c-.138 0-.291.096-.46.265a5 5 0 0 0-.493.662a13 13 0 0 0-.434.746l-.053.096c-.106.19-.196.354-.265.455c-.122.196-.307.36-.476.492a2.7 2.7 0 0 1-.424.265c0 .08.037.19.133.286c.11.106.307.201.65.201c.334 0 .7-.185 1.022-.429a4.4 4.4 0 0 0 .742-.725zm.8-2.424v.084c0 .318-.09.662-.218 1.06l-.19.529l-.038.105l-.254.742a13.9 13.9 0 0 0-.497 6.697c.143.847.37 1.694.735 2.218c.085.047.35.143.763.143c.402 0 .836-.175 1.032-.276v-.683c-.317-.195-1.196-.99-1.625-1.387c.434.35 1.403 1.112 1.895 1.409c.117.01.26.026.403.032c.211.005.428 0 .603-.043l1.329-1.228c-.159.159-.81.879-1.186 1.292v.614c.138.095.514.264 1.112.264c.317 0 .55-.047.715-.105a.7.7 0 0 0 .275-.16l.29-.799a4.8 4.8 0 0 0 .08-1.111c.016.195.053.64.053.926a3.1 3.1 0 0 0 1.483-.688c.243-.244.688-.699.847-.98a4 4 0 0 1-.704.99v.006a2.9 2.9 0 0 0 .047.91c.074.329.212.604.46.715c.18.021.467.026.747-.032a1.15 1.15 0 0 0 .71-.402v-2.716c.01-.424-.202-1.371-1.123-1.81a8 8 0 0 0-.926-.355l-.053-.021a10 10 0 0 1-1.096-.43a3.65 3.65 0 0 1-1.863-1.905a4.2 4.2 0 0 1-.281-1.027a6.8 6.8 0 0 1-.201-1.573c0-.762.444-1.254.757-1.37c-.159-.101-.434-.128-.614-.133c.767 0 .884.127.916.164l.005.005l-.016.006l.016.053l.058-.106a.3.3 0 0 0 .021-.207c-.016-.063-.069-.132-.18-.19c-.106-.059-.275-.106-.519-.138h-.042c-.212-.021-.688.058-1.286.519a3.02 3.02 0 0 0-.996 1.71c.053-.355.128-.651.16-.752a2.68 2.68 0 0 0-.768-1.588L9.327 5.8a1.27 1.27 0 0 0-.847-.265c-.514 0-.795.233-.858.45a.76.76 0 0 1 .54.064c.212.116.36.37.381.81h.01c0 .01-.005.01-.01.016m.878-1.086c.471.318.736 1.096.81 1.456c.185-.46.842-.963 1.144-1.16c.005-.01.01-.057-.022-.121a2 2 0 0 0-.211-.233l-.022-.026v.026l-.09-.106a.54.54 0 0 0-.211-.122a1.7 1.7 0 0 0-.551-.079c-.466 0-.762.249-.847.37zm1.715-.17c.106.144.397.356.704.319a1.2 1.2 0 0 0 .434-.133a.5.5 0 0 0 .043-.307a.22.22 0 0 0-.106-.138a.6.6 0 0 0-.312-.063c-.302 0-.493.053-.604.122c-.116.069-.153.137-.159.174zm1.218 2.41c-.233.275-.312.646-.312 1.021c-.037-.603-.032-1.413.174-1.694c.233-.307.487-.481.625-.55h.058c.741-.053 1.408.2 1.641.333c.175.106.456.265.742.392c.296.127.603.238.825.238c.207 0 .34.021.419.053a.3.3 0 0 1 .09.053c-.022.111-.186.37-.805.37c-.402 0-.752-.18-1.112-.36l-.016-.01c-.344-.18-.699-.36-1.106-.36c-.651 0-1.08.334-1.218.514zm-2.997 3.324c-.847 0-1.598-.232-1.863-.344l.159.16c0 .184.02.476.116.725c.095.248.265.476.556.476a.9.9 0 0 0 .492-.159a.7.7 0 0 1 .34-.09c.235.007.464.074.666.196a.8.8 0 0 0 .45.122c.138 0 .387-.053.61-.239c.216-.174.407-.46.454-.915a.7.7 0 0 0 .265-.138c.212-.207.08-.46-.085-.63c-.132-.138-.143-.53-.132-.704c-.032.074-.074.291 0 .614c.069.318.117.445.132.466c-.37.153-1.318.46-2.16.46m1.853-.037a2 2 0 0 1-.35.037c0 .17-.084.514-.45.514a.46.46 0 0 1-.491-.408c-.244.016-.821.043-1.16 0a.44.44 0 0 1-.46.408c-.371 0-.493-.36-.52-.53c.017.16.043.35.107.514c.09.233.227.392.439.392a.8.8 0 0 0 .424-.127a.73.73 0 0 1 .407-.117c.244 0 .455.08.635.164l.09.048c.122.058.207.1.392.1a.9.9 0 0 0 .53-.211c.185-.143.354-.387.402-.784zm-3.256-.047q.318.069.636.132c.005.106-.048.307-.286.307c-.302 0-.35-.264-.35-.44m2.16.137a3.5 3.5 0 0 0 .604-.127c0 .212-.127.434-.334.434c-.169 0-.248-.2-.264-.307zm-1.667 1.69c0-.112.08-.281.212-.424c.142-.149.328-.26.545-.26c.222 0 .466.106.656.265s.318.365.318.556a.8.8 0 0 1-.201.339a1.64 1.64 0 0 0-.9-.286c-.212 0-.413.069-.514.121a.47.47 0 0 1-.116-.317zm.757-.806a.9.9 0 0 0-.635.292c-.149.159-.244.36-.244.513c0 .233.122.387.19.44l.032.02l.037-.02c.07-.037.27-.127.493-.127c.397 0 .746.2.868.296l.048.037l.037-.042c.185-.19.26-.37.275-.45v-.01c0-.244-.159-.483-.365-.657a1.18 1.18 0 0 0-.736-.292M8.85 14.04a.5.5 0 0 1-.132-.276a.56.56 0 0 1 .37-.121c.106 0 .233.042.36.095c.096.037.186.085.25.122a.8.8 0 0 1-.154.206a.47.47 0 0 1-.318.143a.5.5 0 0 1-.376-.17m.238-.52c-.248 0-.423.107-.476.175l-.021.016v.027c0 .122.058.27.159.386a.62.62 0 0 0 .476.212a.62.62 0 0 0 .408-.18c.1-.1.17-.212.2-.291l.022-.053l-.042-.027a3 3 0 0 0-.318-.164a1.1 1.1 0 0 0-.408-.105z" clip-rule="evenodd"/><path fill="#818cf8" d="M13.498 7.182c-1.07 0-1.445 1.032-1.498 1.117v.381c.122-.312.678-1.122 1.498-1.122c1.027 0 1.604.741 2.346.741c.592 0 .81-.212.847-.323h-1.038c-.418 0-1.09-.794-2.16-.794z"/><defs><linearGradient id="SVGBh9ezbYX" x1="8.575" x2="16.844" y1="3.99" y2="19.348" gradientUnits="userSpaceOnUse"><stop stop-color="#f2e98b"/><stop offset="1" stop-color="#8e3511"/></linearGradient><linearGradient id="SVGqUmnTi5E" x1="8.22" x2="15.886" y1="4.681" y2="20.656" gradientUnits="userSpaceOnUse"><stop stop-color="#c59946"/><stop offset=".46" stop-color="#dcba5b"/><stop offset="1" stop-color="#b48527"/></linearGradient><linearGradient id="SVGap6Rhede" x1="12.001" x2="12.001" y1="2.997" y2="20.999" gradientUnits="userSpaceOnUse"><stop stop-color="#745f1c"/><stop offset=".14" stop-color="#a4a11e"/><stop offset=".4" stop-color="#dec42c"/><stop offset=".66" stop-color="#eacb2f"/><stop offset=".85" stop-color="#deab24"/><stop offset=".96" stop-color="#63470c"/></linearGradient><linearGradient id="SVGF4ajOdpR" x1="6.517" x2="9.691" y1="5.095" y2="20.937" gradientUnits="userSpaceOnUse"><stop stop-color="#eace2f" stop-opacity="0"/><stop offset=".14" stop-color="#eace2f"/><stop offset=".89" stop-color="#eace2f" stop-opacity=".84"/><stop offset="1" stop-color="#eace2f" stop-opacity="0"/></linearGradient><linearGradient id="SVGclmylcMK" x1="12.004" x2="12.004" y1="3" y2="21" gradientUnits="userSpaceOnUse"><stop offset=".19" stop-color="#492715"/><stop offset=".55" stop-color="#8d675c"/></linearGradient><linearGradient id="SVGFYsgDerf" x1="8.948" x2="14.952" y1="11.494" y2="16.398" gradientUnits="userSpaceOnUse"><stop stop-color="#6c501b"/><stop offset=".29" stop-color="#ddad0e"/><stop offset=".58" stop-color="#dc8d0e"/><stop offset="1" stop-color="#7e6411"/></linearGradient><linearGradient id="SVGwb60IbkP" x1=".568" x2="22.946" y1="12.067" y2="12.067" gradientUnits="userSpaceOnUse"><stop stop-color="#6d4638"/><stop offset=".56" stop-color="#765043"/><stop offset="1" stop-color="#6d4638"/></linearGradient><linearGradient id="SVGgyLV3cwr" x1="12" x2="12" y1="3" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#8c665c"/><stop offset=".72" stop-color="#8c665c" stop-opacity="0"/></linearGradient></defs></g></svg>Icons in Action
WEB APPLICATION HEADER & NAVIGATION
my-app.com/dashboard
Dashboard
Analytics
Settings
Overview Dashboard
PROGRESS STEPPER
3
BUTTON UI ACTIONS
SCALABILITY & CLARITY
12px
16px
24px
32px
48px
“
Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.
IconSearch Presets
Frequently Asked Questions
Q.How do I use this icon in my React/Next.js project?
You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. PeelIcon.tsx) to avoid installing any npm packages.
Q.Is this icon free for commercial use?
Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.
Q.What is the "Download SVG without fill color" toggle?
Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.