IconSearch logoIconsearch
Home/Libraries/Huge Icons (Iconify)/access
← Back to Search
Huge Icons (Iconify)

Access

License: MITCommercial Safe


1.5px
<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g fill="none"><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15 5h4.5c.935 0 1.402 0 1.75.201a1.5 1.5 0 0 1 .549.549C22 6.098 22 6.565 22 7.5s0 1.402-.201 1.75a1.5 1.5 0 0 1-.549.549c-.348.201-.815.201-1.75.201H15m-2 4h6.5c.935 0 1.402 0 1.75.201a1.5 1.5 0 0 1 .549.549c.201.348.201.815.201 1.75s0 1.402-.201 1.75a1.5 1.5 0 0 1-.549.549c-.348.201-.815.201-1.75.201H13"/><path fill="#818cf8" d="m9.3 14.364l.624-.416zm.027.04l-.624.416zM8.414 21l-.53-.53zm.638-.638l.53.53zm.144-3.875l-.6-.45zm.076-.102l.6.45zm-.076 1.957l-.6.45zm-.404-.64l.719-.216zm0-.576l.719.216zM5.586 21l-.53.53zm4.179-5.767l.742-.11zm-.01.349l.734.151zm-.153 4.124l-.692-.29zm.046-.636l.726-.189zm-.622-5.23l.73-.171zm.037.121l-.702.263zM9 11.584l-.3-.687a.75.75 0 0 0-.45.687zm-4 0h.75a.75.75 0 0 0-.45-.687zM2 7h.75A4.25 4.25 0 0 1 7 2.75v-1.5A5.75 5.75 0 0 0 1.25 7zm5-5v.75A4.25 4.25 0 0 1 11.25 7h1.5A5.75 5.75 0 0 0 7 1.25zm2.3 12.364l-.624.416l.027.04l.624-.415l.624-.417l-.027-.04zM8.414 21l.53.53l.638-.638l-.53-.53l-.53-.53l-.638.638zm.782-4.513l.6.45l.076-.102l-.6-.45l-.6-.45l-.076.102zm0 1.855l.6-.45a7 7 0 0 1-.243-.334c-.044-.068-.045-.082-.042-.072l-.719.216l-.718.216c.099.329.323.609.522.874zm0-1.855l-.6-.45c-.199.264-.423.545-.522.873l.718.216l.719.216c-.003.01-.002-.004.042-.071c.049-.075.12-.17.243-.334zm-.404 1.215l.719-.216a.25.25 0 0 1 0-.144l-.719-.216l-.718-.216a1.75 1.75 0 0 0 0 1.009zM5.586 21l-.53.53c.318.319.609.612.877.816c.285.218.63.404 1.067.404v-1.5h-.003l-.01-.005a.7.7 0 0 1-.144-.091c-.17-.13-.379-.336-.727-.684zm2.828 0l-.53-.53c-.348.348-.557.555-.727.684A.7.7 0 0 1 7 21.25v1.5c.437 0 .782-.186 1.067-.404c.268-.204.56-.497.878-.816zM5 19.586h-.75c0 .347-.013.73.133 1.084l.693-.287l.693-.287v-.002l-.003-.009l-.009-.073a6 6 0 0 1-.007-.426zM5.586 21l.53-.53a6 6 0 0 1-.296-.307l-.045-.058l-.005-.008l-.001-.001l-.693.287l-.693.287c.147.353.427.615.672.86zm3.74-6.595l-.623.415c.141.213.223.336.276.432c.048.086.045.103.044.091l.742-.11l.742-.11a1.8 1.8 0 0 0-.217-.6a8 8 0 0 0-.34-.535zm-.054 1.98l.6.45c.139-.185.27-.359.368-.515a1.8 1.8 0 0 0 .25-.587l-.735-.151l-.735-.151c.003-.012.004.006-.048.089a7 7 0 0 1-.3.415zm.493-1.152l-.742.11a.3.3 0 0 1-.003.088l.735.15l.734.152c.042-.2.048-.407.018-.61zm-.713 5.13l.53.53c.151-.151.292-.291.401-.417c.115-.133.23-.287.312-.482l-.693-.288l-.692-.29c.006-.012.003.004-.059.075a8 8 0 0 1-.33.34zm.144-2.021l-.6.45c.14.187.222.297.278.383c.051.08.051.096.048.083l.726-.188l.726-.189a1.8 1.8 0 0 0-.24-.52a9 9 0 0 0-.338-.47zm.406 1.364l.693.288a1.75 1.75 0 0 0 .079-1.113l-.726.189l-.726.188a.25.25 0 0 1-.012.159zM9 13.374h-.75c0 .201-.005.42.046.637l.73-.171l.73-.171l-.003-.05a6 6 0 0 1-.003-.245zm.3.99l.624-.416a6 6 0 0 1-.134-.206c-.023-.038-.026-.047-.024-.043l-.703.262l-.702.263c.077.208.203.388.315.556zm-.274-.524l-.73.171q.026.109.065.213l.702-.263l.703-.262l-.01-.03zM9 11.584h-.75v1.79h1.5v-1.79zM12 7h-.75a4.25 4.25 0 0 1-2.55 3.897l.3.687l.3.687A5.75 5.75 0 0 0 12.75 7zm-7 4.584h-.75v8.002h1.5v-8.002zm0 0l.3-.687A4.25 4.25 0 0 1 2.75 7h-1.5a5.75 5.75 0 0 0 3.45 5.271z"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7.25 7H7m.5 0a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0"/></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. AccessIcon.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.

Related Icons in Huge Icons (Iconify)

Browse all Huge Icons (Iconify) icons →
1st-bracket
1st-bracket
1st-bracket-circle
1st-bracket-circle
1st-bracket-square
1st-bracket-square
24-hours-clock
24-hours-clock
2nd-bracket
2nd-bracket
2nd-bracket-circle
2nd-bracket-circle
2nd-bracket-square
2nd-bracket-square
3-d-view
3-d-view
3d-move
3d-move
3d-printer
3d-printer
3d-rotate
3d-rotate
3d-scale
3d-scale