IconSearch logoIconsearch
Home/Libraries/Foundation (Iconify)/anchor
← Back to Search
Foundation (Iconify)

Anchor

License: MITCommercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 100 100"><path fill="#818cf8" d="m88.189 67.115l.007-.004l-9.393-16.27l-.009.005a1.57 1.57 0 0 0-1.376-.822c-.677 0-1.25.429-1.474 1.027l-9.158 15.862a1.56 1.56 0 0 0-.356.987c0 .873.706 1.578 1.577 1.578h2.39a27.54 27.54 0 0 1-15.42 8.6v-29.2h9.079c.871 0 1.578-.705 1.578-1.578l-.001-.008v-6.793c0-.871-.706-1.577-1.577-1.577h-9.079v-5.36c3.905-1.864 6.611-5.838 6.611-10.454c0-6.401-5.189-11.589-11.589-11.589S38.41 16.707 38.41 23.108c0 4.617 2.705 8.59 6.611 10.454v5.36h-9.08c-.871 0-1.577.706-1.577 1.576h-.001v6.803h.001a1.576 1.576 0 0 0 1.576 1.577h9.08v29.2a27.53 27.53 0 0 1-15.42-8.6h2.389c.872 0 1.578-.705 1.578-1.578c0-.287-.083-.553-.217-.785l.007-.004l-9.393-16.27l-.009.005a1.57 1.57 0 0 0-1.377-.822c-.675 0-1.246.427-1.471 1.022l-9.162 15.869c-.218.271-.354.61-.354.985c0 .873.706 1.578 1.577 1.578h4.219C23.835 80.823 36.017 88.482 50 88.482s26.165-7.658 32.611-19.003h4.218c.872 0 1.577-.705 1.577-1.578a1.56 1.56 0 0 0-.217-.786M50 29.634a6.526 6.526 0 0 1 0-13.051a6.53 6.53 0 0 1 6.526 6.527c0 3.6-2.923 6.524-6.526 6.524"/></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. AnchorIcon.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 Foundation (Iconify)

Browse all Foundation (Iconify) icons →
address-book
address-book
alert
alert
align-center
align-center
align-justify
align-justify
align-left
align-left
align-right
align-right
annotate
annotate
archive
archive
arrow-down
arrow-down
arrow-left
arrow-left
arrow-right
arrow-right
arrow-up
arrow-up