IconSearch logoIconsearch
Home/Libraries/Boxicons (Iconify)/bird
← Back to Search
Boxicons (Iconify)

Bird

License: MITCommercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><path fill="#818cf8" d="M8 6a1 1 0 1 0 0 2a1 1 0 1 0 0-2"/><path fill="#818cf8" d="M13.05 4.41A5.5 5.5 0 0 0 8.5 2A5.51 5.51 0 0 0 3 7.5c0 .09.02.17.02.26C2.4 8.31 2 9.1 2 10h1.62a5.56 5.56 0 0 0 3.37 2.77c.2 1.65.99 5.22 4.01 6.63V22h2v-2.05c.27.03.55.05.85.05c.41 0 .78-.04 1.15-.07V22h2v-2.4c1.22-.32 2.14-.78 2.75-1.17l1.42 2.13l1.66-1.11l-1.99-2.99zm.66 4.7l4.62 7.14c-2.15.19-3.73-1-4.51-2.27c-.75-1.23-1.11-3.09-.1-4.86ZM8.92 11.9l-.03-.84l-.84-.11C6.31 10.72 5 9.24 5 7.5C5 5.57 6.57 4 8.5 4c1.16 0 2.24.57 2.89 1.53l1.13 1.75c-1.77 2.31-1.93 5.27-.41 7.75c.84 1.36 2.04 2.33 3.43 2.85c-.51.08-1.07.13-1.69.13c-4.47 0-4.89-5.08-4.93-6.1Z"/></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. BirdIcon.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 Boxicons (Iconify)

Browse all Boxicons (Iconify) icons →
8-ball
8-ball
8-ball-filled
8-ball-filled
a-arrow-down
a-arrow-down
a-arrow-down-filled
a-arrow-down-filled
a-arrow-up
a-arrow-up
a-arrow-up-filled
a-arrow-up-filled
accessibility
accessibility
accessibility-filled
accessibility-filled
acorn
acorn
acorn-filled
acorn-filled
address-book
address-book
address-book-filled
address-book-filled