<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 80 80"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#818cf8" fill-opacity=".25" d="m41.008 30.053l-.896-.05a2 2 0 0 0-.224 0l-.896.05q-.112.007-.223.026l-.884.15q-.111.018-.219.05l-.862.248a2 2 0 0 0-.212.074l-.828.344q-.105.042-.203.097l-.785.434a2 2 0 0 0-.19.12l-.731.518q-.092.066-.176.14l-.669.598q-.083.075-.158.159l-.598.668q-.074.084-.14.176l-.519.731a2 2 0 0 0-.12.19l-.433.785a2 2 0 0 0-.098.203l-.343.828a2 2 0 0 0-.074.212l-.248.862q-.032.108-.05.219l-.15.884a2 2 0 0 0-.026.223l-.05.896q-.006.113 0 .224l.05.896q.007.112.026.223l.15.884q.018.111.05.219l.248.862q.031.108.074.212l.344.828q.042.105.097.203l.434.785q.054.098.12.19l.518.731q.066.092.14.176l.598.669q.075.083.159.158l.668.598q.084.074.176.14l.731.519q.092.064.19.12l.785.433q.099.054.203.098l.828.343q.105.043.212.074l.862.248q.108.032.219.05l.884.15q.11.019.223.026l.896.05q.113.006.224 0l.896-.05a2 2 0 0 0 .223-.026l.884-.15q.111-.018.219-.05l.862-.248a2 2 0 0 0 .212-.074l.828-.343q.105-.044.203-.098l.785-.434q.098-.054.19-.12l.731-.518q.092-.066.176-.14l.669-.598q.083-.075.158-.159l.598-.668q.074-.084.14-.176l.519-.731q.064-.092.12-.19l.433-.785q.054-.099.098-.203l.343-.828q.043-.105.074-.212l.248-.862q.032-.108.05-.219l.15-.884a2 2 0 0 0 .026-.223l.05-.896q.006-.113 0-.224l-.05-.896a2 2 0 0 0-.026-.223l-.15-.884a2 2 0 0 0-.05-.219l-.248-.862a2 2 0 0 0-.074-.212l-.343-.828a2 2 0 0 0-.098-.203l-.434-.785a2 2 0 0 0-.12-.19l-.518-.731a2 2 0 0 0-.14-.176l-.598-.669a2 2 0 0 0-.159-.158l-.668-.598a2 2 0 0 0-.176-.14l-.731-.519a2 2 0 0 0-.19-.12l-.785-.433a2 2 0 0 0-.203-.098l-.828-.343a2 2 0 0 0-.212-.074l-.862-.248a2 2 0 0 0-.219-.05l-.884-.15a2 2 0 0 0-.223-.026m-2.342 4.1l.663-.112l.671-.038l.671.038l.663.113l.647.186l.62.257l.59.325l.548.39l.501.448l.448.501l.39.548l.325.59l.257.62l.187.647l.112.663l.038.671l-.038.671l-.113.663l-.186.647l-.257.62l-.325.59l-.39.548l-.448.501l-.501.448l-.548.39l-.59.325l-.62.257l-.647.187l-.663.112l-.671.038l-.671-.038l-.663-.113l-.647-.186l-.62-.257l-.59-.325l-.548-.39l-.501-.448l-.448-.501l-.39-.548l-.325-.59l-.257-.62l-.187-.647l-.112-.663l-.038-.671l.038-.671l.113-.663l.186-.647l.257-.62l.325-.59l.39-.548l.448-.501l.501-.448l.548-.39l.59-.325l.62-.257z"/><path fill="#818cf8" fill-opacity=".25" d="M40.112 10.003a2 2 0 0 0-.224 0l-3.135.176q-.113.006-.223.025l-3.096.526q-.11.02-.218.05l-3.018.87q-.107.03-.211.073l-2.901 1.202q-.105.043-.202.097l-2.748 1.52a2 2 0 0 0-.19.119l-2.561 1.817q-.092.065-.175.14l-2.342 2.092q-.083.075-.158.158l-2.093 2.342q-.075.083-.14.175l-1.816 2.56a2 2 0 0 0-.12.19l-1.519 2.749a2 2 0 0 0-.097.202l-1.202 2.9q-.042.104-.074.212l-.869 3.018q-.03.108-.05.218l-.526 3.096q-.018.11-.025.223l-.176 3.135a2 2 0 0 0 0 .224l.176 3.135q.006.113.025.223l.526 3.096q.02.11.05.218l.87 3.017q.03.108.073.212l1.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.066.19.12l2.749 1.519q.098.054.202.097l2.9 1.201q.104.044.212.075l3.018.869q.108.03.218.05l3.096.526q.11.018.223.025l3.135.176q.113.006.224 0l3.135-.176q.113-.007.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-.074.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-.213l.869-3.017q.03-.108.05-.218l.526-3.096q.018-.11.025-.223l.176-3.135q.006-.113 0-.224l-.176-3.135a2 2 0 0 0-.025-.223l-.526-3.096a2 2 0 0 0-.05-.218l-.87-3.018a2 2 0 0 0-.073-.211l-1.202-2.901a2 2 0 0 0-.097-.202l-1.52-2.748a2 2 0 0 0-.119-.19l-1.817-2.561a2 2 0 0 0-.14-.175l-2.092-2.342a2 2 0 0 0-.158-.158l-2.342-2.093a2 2 0 0 0-.175-.14l-2.56-1.816a2 2 0 0 0-.19-.12l-2.749-1.519a2 2 0 0 0-.202-.097l-2.9-1.202a2 2 0 0 0-.213-.074l-3.017-.869a2 2 0 0 0-.218-.05l-3.096-.526a2 2 0 0 0-.223-.025zm-5.897 4.652l2.874-.488L40 14.003l2.91.164l2.875.488l2.801.807l2.694 1.116l2.551 1.41l2.378 1.687l2.174 1.942l1.942 2.174l1.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.943 2.173l-2.173 1.943l-2.378 1.687l-2.551 1.41l-2.694 1.116l-2.801.807l-2.874.488l-2.911.164l-2.91-.164l-2.875-.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.116z"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="m41.008 30.053l-.896-.05a2 2 0 0 0-.224 0l-.896.05q-.112.007-.223.026l-.884.15q-.111.018-.219.05l-.862.248a2 2 0 0 0-.212.074l-.828.344q-.105.042-.203.097l-.785.434a2 2 0 0 0-.19.12l-.731.518q-.092.066-.176.14l-.669.598q-.083.075-.158.159l-.598.668q-.074.084-.14.176l-.519.731a2 2 0 0 0-.12.19l-.433.785a2 2 0 0 0-.098.203l-.343.828a2 2 0 0 0-.074.212l-.248.862q-.032.108-.05.219l-.15.884a2 2 0 0 0-.026.223l-.05.896q-.006.113 0 .224l.05.896q.007.112.026.223l.15.884q.018.111.05.219l.248.862q.031.108.074.212l.344.828q.042.105.097.203l.434.785q.054.098.12.19l.518.731q.066.092.14.176l.598.669q.075.083.159.158l.668.598q.084.074.176.14l.731.519q.092.064.19.12l.785.433q.099.054.203.098l.828.343q.105.043.212.074l.862.248q.108.032.219.05l.884.15q.11.019.223.026l.896.05q.113.006.224 0l.896-.05a2 2 0 0 0 .223-.026l.884-.15q.111-.018.219-.05l.862-.248a2 2 0 0 0 .212-.074l.828-.343q.105-.044.203-.098l.785-.434q.098-.054.19-.12l.731-.518q.092-.066.176-.14l.669-.598q.083-.075.158-.159l.598-.668q.074-.084.14-.176l.519-.731q.064-.092.12-.19l.433-.785q.054-.099.098-.203l.343-.828q.043-.105.074-.212l.248-.862q.032-.108.05-.219l.15-.884a2 2 0 0 0 .026-.223l.05-.896q.006-.113 0-.224l-.05-.896a2 2 0 0 0-.026-.223l-.15-.884a2 2 0 0 0-.05-.219l-.248-.862a2 2 0 0 0-.074-.212l-.343-.828a2 2 0 0 0-.098-.203l-.434-.785a2 2 0 0 0-.12-.19l-.518-.731a2 2 0 0 0-.14-.176l-.598-.669a2 2 0 0 0-.159-.158l-.668-.598a2 2 0 0 0-.176-.14l-.731-.519a2 2 0 0 0-.19-.12l-.785-.433a2 2 0 0 0-.203-.098l-.828-.343a2 2 0 0 0-.212-.074l-.862-.248a2 2 0 0 0-.219-.05l-.884-.15a2 2 0 0 0-.223-.026m-2.342 4.1l.663-.112l.671-.038l.671.038l.663.113l.647.186l.62.257l.59.325l.548.39l.501.448l.448.501l.39.548l.325.59l.257.62l.187.647l.112.663l.038.671l-.038.671l-.113.663l-.186.647l-.257.62l-.325.59l-.39.548l-.448.501l-.501.448l-.548.39l-.59.325l-.62.257l-.647.187l-.663.112l-.671.038l-.671-.038l-.663-.113l-.647-.186l-.62-.257l-.59-.325l-.548-.39l-.501-.448l-.448-.501l-.39-.548l-.325-.59l-.257-.62l-.187-.647l-.112-.663l-.038-.671l.038-.671l.113-.663l.186-.647l.257-.62l.325-.59l.39-.548l.448-.501l.501-.448l.548-.39l.59-.325l.62-.257z"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M40.112 10.003a2 2 0 0 0-.224 0l-3.135.176q-.113.006-.223.025l-3.096.526q-.11.02-.218.05l-3.018.87q-.107.03-.211.073l-2.901 1.202q-.105.043-.202.097l-2.748 1.52a2 2 0 0 0-.19.119l-2.561 1.817q-.092.065-.175.14l-2.342 2.092q-.083.075-.158.158l-2.093 2.342q-.075.083-.14.175l-1.816 2.56a2 2 0 0 0-.12.19l-1.519 2.749a2 2 0 0 0-.097.202l-1.202 2.9q-.042.104-.074.212l-.869 3.018q-.03.108-.05.218l-.526 3.096q-.018.11-.025.223l-.176 3.135a2 2 0 0 0 0 .224l.176 3.135q.006.113.025.223l.526 3.096q.02.11.05.218l.87 3.017q.03.108.073.212l1.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.066.19.12l2.749 1.519q.098.054.202.097l2.9 1.201q.104.044.212.075l3.018.869q.108.03.218.05l3.096.526q.11.018.223.025l3.135.176q.113.006.224 0l3.135-.176q.113-.007.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-.074.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-.213l.869-3.017q.03-.108.05-.218l.526-3.096q.018-.11.025-.223l.176-3.135q.006-.113 0-.224l-.176-3.135a2 2 0 0 0-.025-.223l-.526-3.096a2 2 0 0 0-.05-.218l-.87-3.018a2 2 0 0 0-.073-.211l-1.202-2.901a2 2 0 0 0-.097-.202l-1.52-2.748a2 2 0 0 0-.119-.19l-1.817-2.561a2 2 0 0 0-.14-.175l-2.092-2.342a2 2 0 0 0-.158-.158l-2.342-2.093a2 2 0 0 0-.175-.14l-2.56-1.816a2 2 0 0 0-.19-.12l-2.749-1.519a2 2 0 0 0-.202-.097l-2.9-1.202a2 2 0 0 0-.213-.074l-3.017-.869a2 2 0 0 0-.218-.05l-3.096-.526a2 2 0 0 0-.223-.025zm-5.897 4.652l2.874-.488L40 14.003l2.91.164l2.875.488l2.801.807l2.694 1.116l2.551 1.41l2.378 1.687l2.174 1.942l1.942 2.174l1.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.943 2.173l-2.173 1.943l-2.378 1.687l-2.551 1.41l-2.694 1.116l-2.801.807l-2.874.488l-2.911.164l-2.91-.164l-2.875-.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.116z"/></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. RecordOutlineIcon.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.