<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 80 80"><g fill="none"><path fill="#818cf8" fill-opacity=".25" fill-rule="evenodd" d="m40.112 33.003l.56.032q.113.006.223.025l.553.094q.11.018.218.05l.54.155q.107.03.21.074l.519.214q.103.044.202.098l.49.27q.1.055.19.12l.458.325q.091.065.175.14l.418.373q.084.075.159.159l.373.418q.075.084.14.175l.325.457q.064.092.12.19l.27.491q.054.099.098.202l.214.518q.043.105.074.212l.156.539q.03.108.05.218l.093.553q.02.11.025.223l.032.56q.006.113 0 .224l-.032.56q-.006.113-.025.223l-.094.553q-.018.11-.05.218l-.155.54q-.03.107-.074.21l-.214.519q-.044.103-.098.202l-.27.49a2 2 0 0 1-.12.19l-.325.458q-.065.091-.14.175l-.373.418q-.075.084-.159.159l-.418.373q-.084.075-.175.14l-.457.325a2 2 0 0 1-.19.12l-.491.27a2 2 0 0 1-.202.098l-.518.214q-.105.043-.212.074l-.539.156q-.108.03-.218.05l-.553.093q-.11.02-.223.025l-.56.032q-.113.006-.224 0l-.56-.032a2 2 0 0 1-.223-.025l-.553-.094a2 2 0 0 1-.218-.05l-.54-.155a2 2 0 0 1-.21-.074l-.519-.214a2 2 0 0 1-.202-.098l-.49-.27a2 2 0 0 1-.19-.12l-.458-.325a2 2 0 0 1-.175-.14l-.418-.373a2 2 0 0 1-.159-.159l-.373-.418a2 2 0 0 1-.14-.175l-.325-.457a2 2 0 0 1-.12-.19l-.27-.491a2 2 0 0 1-.098-.202l-.214-.518a2 2 0 0 1-.074-.212l-.156-.539a2 2 0 0 1-.05-.218l-.093-.553a2 2 0 0 1-.025-.223l-.032-.56a2 2 0 0 1 0-.224l.032-.56q.006-.113.025-.223l.094-.553q.018-.11.05-.218l.155-.54q.03-.107.074-.21l.214-.519q.044-.103.098-.202l.27-.49q.055-.1.12-.19l.325-.458q.065-.091.14-.175l.373-.418q.075-.084.159-.159l.418-.373q.084-.075.175-.14l.457-.325q.092-.064.19-.12l.491-.27q.099-.054.202-.098l.518-.214q.105-.043.212-.074l.539-.156q.108-.03.218-.05l.553-.093q.11-.02.223-.025l.56-.032q.113-.006.224 0m-.448 4.019l-.33.056l-.324.093l-.31.129l-.294.163l-.274.194l-.251.224l-.224.25l-.194.275l-.163.294l-.129.31l-.093.323l-.056.331l-.019.336l.019.336l.056.33l.093.324l.129.31l.163.294l.194.274l.224.251l.25.224l.275.194l.294.163l.31.129l.323.093l.331.056l.336.019l.336-.019l.33-.056l.324-.093l.31-.129l.294-.163l.274-.194l.251-.224l.224-.25l.194-.275l.163-.294l.129-.31l.093-.323l.056-.331l.019-.336l-.019-.336l-.056-.33l-.093-.324l-.129-.31l-.163-.294l-.194-.274l-.224-.251l-.25-.224l-.275-.194l-.294-.163l-.31-.129l-.323-.093l-.331-.056l-.336-.019z" clip-rule="evenodd"/><path fill="#818cf8" fill-opacity=".25" d="M30.1 30.1A14 14 0 0 1 40 26a2 2 0 1 0 0-4a18 18 0 0 0-18 18a2 2 0 1 0 4 0a14 14 0 0 1 4.1-9.9"/><path fill="#818cf8" fill-opacity=".25" fill-rule="evenodd" d="M39.888 10.003a2 2 0 0 1 .224 0l3.135.176q.113.006.223.025l3.096.526q.11.02.218.05l3.017.87q.108.03.212.073l2.901 1.202q.105.043.202.097l2.748 1.52q.1.053.19.119l2.561 1.817q.092.065.175.14l2.342 2.092q.083.075.158.158l2.093 2.342q.075.083.14.175l1.816 2.56q.066.093.12.19l1.519 2.749q.054.098.097.202l1.201 2.9q.044.104.075.212l.869 3.018q.03.108.05.218l.526 3.096q.018.11.025.223l.176 3.135q.006.113 0 .224l-.176 3.135q-.007.113-.025.223l-.526 3.096q-.02.11-.05.218l-.87 3.017q-.03.108-.073.212l-1.202 2.901q-.043.105-.097.202l-1.52 2.748a2 2 0 0 1-.119.19l-1.817 2.561q-.065.092-.14.175l-2.092 2.342q-.074.083-.158.158l-2.342 2.093q-.083.075-.175.14l-2.56 1.816a2 2 0 0 1-.19.12l-2.749 1.519a2 2 0 0 1-.202.097l-2.9 1.201q-.104.044-.213.075l-3.017.869q-.108.03-.218.05l-3.096.526q-.11.018-.223.025l-3.135.176q-.113.006-.224 0l-3.135-.176a2 2 0 0 1-.223-.025l-3.096-.526a2 2 0 0 1-.218-.05l-3.018-.87a2 2 0 0 1-.211-.073l-2.901-1.202a2 2 0 0 1-.202-.097l-2.748-1.52a2 2 0 0 1-.19-.119l-2.561-1.817a2 2 0 0 1-.175-.14l-2.342-2.092a2 2 0 0 1-.158-.158l-2.093-2.342a2 2 0 0 1-.14-.175l-1.816-2.56a2 2 0 0 1-.12-.19l-1.519-2.749a2 2 0 0 1-.097-.202l-1.202-2.9a2 2 0 0 1-.074-.213l-.869-3.017a2 2 0 0 1-.05-.218l-.526-3.096a2 2 0 0 1-.025-.223l-.176-3.135a2 2 0 0 1 0-.224l.176-3.135q.006-.113.025-.223l.526-3.096q.02-.11.05-.218l.87-3.018q.03-.107.073-.211l1.202-2.901q.043-.105.097-.202l1.52-2.748q.053-.1.119-.19l1.817-2.561q.065-.092.14-.175l2.092-2.342q.075-.083.158-.158l2.342-2.093q.083-.075.175-.14l2.56-1.816q.093-.065.19-.12l2.749-1.519q.098-.054.202-.097l2.9-1.202q.104-.042.212-.074l3.018-.869q.108-.03.218-.05l3.096-.526q.11-.018.223-.025zm-2.799 4.164l-2.874.488l-2.801.807l-2.694 1.116l-2.551 1.41l-2.378 1.687l-2.174 1.942l-1.942 2.174l-1.687 2.378l-1.41 2.551l-1.116 2.694l-.807 2.801l-.488 2.874L14.003 40l.164 2.91l.488 2.875l.807 2.801l1.116 2.694l1.41 2.551l1.687 2.378l1.942 2.174l2.174 1.942l2.378 1.687l2.551 1.41l2.694 1.116l2.801.807l2.874.488l2.911.164l2.91-.164l2.875-.488l2.801-.807l2.694-1.116l2.551-1.41l2.378-1.687l2.173-1.943l1.943-2.173l1.687-2.378l1.41-2.551l1.116-2.694l.807-2.801l.488-2.874l.164-2.911l-.164-2.91l-.488-2.875l-.807-2.801l-1.116-2.694l-1.41-2.551l-1.687-2.378l-1.942-2.174l-2.174-1.942l-2.378-1.687l-2.551-1.41l-2.694-1.116l-2.801-.807l-2.874-.488L40 14.003z" clip-rule="evenodd"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="m40.112 33.003l.56.032q.113.006.223.025l.553.094q.11.018.218.05l.54.155q.107.03.21.074l.519.214q.103.044.202.098l.49.27q.1.055.19.12l.458.325q.091.065.175.14l.418.373q.084.075.159.159l.373.418q.075.084.14.175l.325.457q.064.092.12.19l.27.491q.054.099.098.202l.214.518q.043.105.074.212l.156.539q.03.108.05.218l.093.553q.02.11.025.223l.032.56q.006.113 0 .224l-.032.56q-.006.113-.025.223l-.094.553q-.018.11-.05.218l-.155.54q-.03.107-.074.21l-.214.519q-.044.103-.098.202l-.27.49a2 2 0 0 1-.12.19l-.325.458q-.065.091-.14.175l-.373.418q-.075.084-.159.159l-.418.373q-.084.075-.175.14l-.457.325a2 2 0 0 1-.19.12l-.491.27a2 2 0 0 1-.202.098l-.518.214q-.105.043-.212.074l-.539.156q-.108.03-.218.05l-.553.093q-.11.02-.223.025l-.56.032q-.113.006-.224 0l-.56-.032a2 2 0 0 1-.223-.025l-.553-.094a2 2 0 0 1-.218-.05l-.54-.155a2 2 0 0 1-.21-.074l-.519-.214a2 2 0 0 1-.202-.098l-.49-.27a2 2 0 0 1-.19-.12l-.458-.325a2 2 0 0 1-.175-.14l-.418-.373a2 2 0 0 1-.159-.159l-.373-.418a2 2 0 0 1-.14-.175l-.325-.457a2 2 0 0 1-.12-.19l-.27-.491a2 2 0 0 1-.098-.202l-.214-.518a2 2 0 0 1-.074-.212l-.156-.539a2 2 0 0 1-.05-.218l-.093-.553a2 2 0 0 1-.025-.223l-.032-.56a2 2 0 0 1 0-.224l.032-.56q.006-.113.025-.223l.094-.553q.018-.11.05-.218l.155-.54q.03-.107.074-.21l.214-.519q.044-.103.098-.202l.27-.49q.055-.1.12-.19l.325-.458q.065-.091.14-.175l.373-.418q.075-.084.159-.159l.418-.373q.084-.075.175-.14l.457-.325q.092-.064.19-.12l.491-.27q.099-.054.202-.098l.518-.214q.105-.043.212-.074l.539-.156q.108-.03.218-.05l.553-.093q.11-.02.223-.025l.56-.032q.113-.006.224 0m-.448 4.019l-.33.056l-.324.093l-.31.129l-.294.163l-.274.194l-.251.224l-.224.25l-.194.275l-.163.294l-.129.31l-.093.323l-.056.331l-.019.336l.019.336l.056.33l.093.324l.129.31l.163.294l.194.274l.224.251l.25.224l.275.194l.294.163l.31.129l.323.093l.331.056l.336.019l.336-.019l.33-.056l.324-.093l.31-.129l.294-.163l.274-.194l.251-.224l.224-.25l.194-.275l.163-.294l.129-.31l.093-.323l.056-.331l.019-.336l-.019-.336l-.056-.33l-.093-.324l-.129-.31l-.163-.294l-.194-.274l-.224-.251l-.25-.224l-.275-.194l-.294-.163l-.31-.129l-.323-.093l-.331-.056l-.336-.019z" clip-rule="evenodd"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M30.1 30.1A14 14 0 0 1 40 26a2 2 0 1 0 0-4a18 18 0 0 0-18 18a2 2 0 1 0 4 0a14 14 0 0 1 4.1-9.9"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M39.888 10.003a2 2 0 0 1 .224 0l3.135.176q.113.006.223.025l3.096.526q.11.02.218.05l3.017.87q.108.03.212.073l2.901 1.202q.105.043.202.097l2.748 1.52q.1.053.19.119l2.561 1.817q.092.065.175.14l2.342 2.092q.083.075.158.158l2.093 2.342q.075.083.14.175l1.816 2.56q.066.093.12.19l1.519 2.749q.054.098.097.202l1.201 2.9q.044.104.075.212l.869 3.018q.03.108.05.218l.526 3.096q.018.11.025.223l.176 3.135q.006.113 0 .224l-.176 3.135q-.007.113-.025.223l-.526 3.096q-.02.11-.05.218l-.87 3.017q-.03.108-.073.212l-1.202 2.901q-.043.105-.097.202l-1.52 2.748a2 2 0 0 1-.119.19l-1.817 2.561q-.065.092-.14.175l-2.092 2.342q-.074.083-.158.158l-2.342 2.093q-.083.075-.175.14l-2.56 1.816a2 2 0 0 1-.19.12l-2.749 1.519a2 2 0 0 1-.202.097l-2.9 1.201q-.104.044-.213.075l-3.017.869q-.108.03-.218.05l-3.096.526q-.11.018-.223.025l-3.135.176q-.113.006-.224 0l-3.135-.176a2 2 0 0 1-.223-.025l-3.096-.526a2 2 0 0 1-.218-.05l-3.018-.87a2 2 0 0 1-.211-.073l-2.901-1.202a2 2 0 0 1-.202-.097l-2.748-1.52a2 2 0 0 1-.19-.119l-2.561-1.817a2 2 0 0 1-.175-.14l-2.342-2.092a2 2 0 0 1-.158-.158l-2.093-2.342a2 2 0 0 1-.14-.175l-1.816-2.56a2 2 0 0 1-.12-.19l-1.519-2.749a2 2 0 0 1-.097-.202l-1.202-2.9a2 2 0 0 1-.074-.213l-.869-3.017a2 2 0 0 1-.05-.218l-.526-3.096a2 2 0 0 1-.025-.223l-.176-3.135a2 2 0 0 1 0-.224l.176-3.135q.006-.113.025-.223l.526-3.096q.02-.11.05-.218l.87-3.018q.03-.107.073-.211l1.202-2.901q.043-.105.097-.202l1.52-2.748q.053-.1.119-.19l1.817-2.561q.065-.092.14-.175l2.092-2.342q.075-.083.158-.158l2.342-2.093q.083-.075.175-.14l2.56-1.816q.093-.065.19-.12l2.749-1.519q.098-.054.202-.097l2.9-1.202q.104-.042.212-.074l3.018-.869q.108-.03.218-.05l3.096-.526q.11-.018.223-.025zm-2.799 4.164l-2.874.488l-2.801.807l-2.694 1.116l-2.551 1.41l-2.378 1.687l-2.174 1.942l-1.942 2.174l-1.687 2.378l-1.41 2.551l-1.116 2.694l-.807 2.801l-.488 2.874L14.003 40l.164 2.91l.488 2.875l.807 2.801l1.116 2.694l1.41 2.551l1.687 2.378l1.942 2.174l2.174 1.942l2.378 1.687l2.551 1.41l2.694 1.116l2.801.807l2.874.488l2.911.164l2.91-.164l2.875-.488l2.801-.807l2.694-1.116l2.551-1.41l2.378-1.687l2.173-1.943l1.943-2.173l1.687-2.378l1.41-2.551l1.116-2.694l.807-2.801l.488-2.874l.164-2.911l-.164-2.91l-.488-2.875l-.807-2.801l-1.116-2.694l-1.41-2.551l-1.687-2.378l-1.942-2.174l-2.174-1.942l-2.378-1.687l-2.551-1.41l-2.694-1.116l-2.801-.807l-2.874-.488L40 14.003z" clip-rule="evenodd"/></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. DiscOutlineIcon.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.