IconSearch logoIconsearch
Home/Libraries/Typicons (Iconify)/link-outline
← Back to Search
Typicons (Iconify)

LinkOutline

License: CC-BY-SA-4.0


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><path fill="#818cf8" d="M17.5 5.999a1.1 1.1 0 0 1 .777 1.878L16.557 9.6l.307.308c.585.584.906 1.362.906 2.192s-.321 1.607-.906 2.191l-4.172 4.172c-.584.584-1.361.906-2.191.906s-1.607-.322-2.191-.906L8 18.154l-1.723 1.723c-.215.215-.495.322-.777.322s-.562-.107-.777-.322a1.1 1.1 0 0 1 0-1.557l1.72-1.72l-.308-.309c-.583-.584-.905-1.361-.905-2.191s.321-1.608.905-2.192l4.173-4.173c.584-.584 1.387-.875 2.191-.875s1.607.291 2.191.875l.31.308l1.723-1.723c.215-.215.495-.321.777-.321m0-2c-.828 0-1.605.321-2.191.908l-.492.491a5.2 5.2 0 0 0-2.316-.539c-1.363 0-2.677.533-3.605 1.461l-4.172 4.173A5.06 5.06 0 0 0 3.23 14.1c0 .822.192 1.616.558 2.327l-.479.48A3.08 3.08 0 0 0 2.4 19.1c0 .827.322 1.605.908 2.191c.584.586 1.363.908 2.191.908s1.605-.322 2.191-.908l.48-.48a5.1 5.1 0 0 0 2.328.559a5.06 5.06 0 0 0 3.605-1.492l4.172-4.172a5.06 5.06 0 0 0 1.492-3.605c0-.824-.192-1.617-.558-2.328l.479-.48A3.08 3.08 0 0 0 20.6 7.1c0-.828-.322-1.606-.908-2.192a3.07 3.07 0 0 0-2.192-.909m-6.1 7.169c.017.535.233 1.036.613 1.416c.381.38.881.598 1.416.614l-1.832 1.831a2.1 2.1 0 0 0-.613-1.415A2.1 2.1 0 0 0 9.568 13zm1.1-2.139a.9.9 0 0 0-.637.262l-4.172 4.172a.9.9 0 0 0-.26.637c0 .24.092.467.26.635l.309.308l.723-.723c.215-.215.495-.321.777-.321s.562.106.777.321a1.1 1.1 0 0 1 0 1.557l-.72.723l.308.308c.168.168.401.253.636.253s.468-.084.637-.253l4.172-4.173a.9.9 0 0 0 .26-.635a.9.9 0 0 0-.26-.637l-.31-.309l-.723.723c-.215.215-.495.322-.777.322s-.562-.107-.777-.322a1.1 1.1 0 0 1 0-1.557l.72-.72l-.307-.309a.9.9 0 0 0-.636-.262"/></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. LinkOutlineIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-SA-4.0** 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 Typicons (Iconify)

Browse all Typicons (Iconify) icons →
adjust-brightness
adjust-brightness
adjust-contrast
adjust-contrast
anchor
anchor
anchor-outline
anchor-outline
archive
archive
arrow-back
arrow-back
arrow-back-outline
arrow-back-outline
arrow-down
arrow-down
arrow-down-outline
arrow-down-outline
arrow-down-thick
arrow-down-thick
arrow-forward
arrow-forward
arrow-forward-outline
arrow-forward-outline