Bird Line icon
mingcute:bird-line
The Bird Line icon (mingcute:bird-line) is a free SVG icon from the MingCute Icon set by MingCute Design. It is drawn on a 24 × 24 grid. MingCute Icon icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- MingCute Icon
- Author
- MingCute Design
- License
- Apache-2.0
- Size
- 24 × 24
- Tags
- birdline
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m21 6l.832.555A1 1 0 0 0 21 5zM3 20l-.832-.555A1 1 0 0 0 3 21zM18.874 6l-.968.25a1 1 0 0 0 .968.75zM3.577 17.594a1 1 0 0 0 .846 1.812L4 18.5zm4.624-7.195a1 1 0 0 0 1.598 1.202L9 11zM15 6a1 1 0 1 0 0 2zm.002 2a1 1 0 0 0 0-2zm4.283 2.569l-.984.179zm.163-2.241l-.832-.555zm-.303 1.467l-.984.179zM11 7h1a3 3 0 0 1 3-3V2a5 5 0 0 0-5 5zm10-1l-.832-.555l-1.552 2.328l.832.555l.832.554l1.552-2.327zm-1.855 3.795l-.984.179l.14.774l.984-.18l.984-.178l-.14-.774zM3 20v1h8.414v-2H3zm7.445-11.168l-.832-.555l-7.445 11.168L3 20l.832.555l7.445-11.168zM15 3v1c1.396 0 2.573.955 2.906 2.25l.968-.25l.968-.25A5 5 0 0 0 15 2zm3.874 3v1H21V5h-2.126zM11.5 10v1a1.5 1.5 0 0 1 1.5 1.5h2A3.5 3.5 0 0 0 11.5 9zm2.5 2.5h-1c0 .632-.29 1.187-.902 1.724c-.631.554-1.542 1.029-2.609 1.446c-1.057.414-2.193.744-3.242 1.045c-1.003.289-2.01.571-2.67.879L4 18.5l.423.906c.48-.223 1.291-.457 2.376-.768c1.04-.299 2.262-.652 3.42-1.105c1.148-.45 2.31-1.026 3.199-1.806C14.325 14.93 15 13.867 15 12.5zM9 11l.8.6c.058-.078.268-.243.664-.391c.373-.14.765-.209 1.036-.209V9a5.2 5.2 0 0 0-1.736.336c-.534.2-1.166.535-1.563 1.063zm6-4v1h.002V6H15zm-4 0h-1c0 .455-.135.9-.387 1.277l.832.555l.832.555A4.3 4.3 0 0 0 12 7zm8.285 3.569l-.984.179c.782 4.297-2.52 8.252-6.887 8.252v2c5.615 0 9.86-5.085 8.855-10.61zm.163-2.241l-.832-.555a3 3 0 0 0-.455 2.2l.983-.178l.984-.179a1 1 0 0 1 .152-.734z"/></svg>How to use the Bird Line icon
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:bird-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:bird-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:bird-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--bird-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:bird-line"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:bird-line"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/mingcute/bird-line.svg" alt="Bird Line icon" width="24" height="24">Related icons in MingCute Icon
Bird Line icon FAQ
Is the Bird Line icon free for commercial use?
Yes. MingCute Icon icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Bird Line icon in React?
Install @iconify/react and render <Icon icon="mingcute:bird-line" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Bird Line icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/mingcute/bird-line.svg" alt="Bird Line icon">, or paste the SVG code inline to style it with CSS.