Bird Fill icon
keyline-icons:bird-fill
The Bird Fill icon (keyline-icons:bird-fill) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline Icons are released under the MIT 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
- Keyline Icons
- Author
- Keyline Icons
- License
- MIT
- Size
- 24 × 24
- Tags
- birdfill
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" d="M10.0711 6.4953L1.2963 18.1641C0.9088 18.6794 0.9253 19.3208 1.208 19.7926C1.4905 20.2643 2.043 20.5767 2.6727 20.4911C3.2919 20.4069 3.8785 20.306 4.434 20.1894C4.9895 20.0729 5.5141 19.9407 6.0092 19.7937C6.5042 19.6467 6.9701 19.485 7.4079 19.3093C7.761 19.1676 8.0961 19.0169 8.4136 18.8575L8.397 18.8613C8.9803 18.8672 9.5429 18.8457 10.0848 18.7987C10.7034 18.7451 11.295 18.6584 11.8601 18.5415C12.4252 18.4247 12.9633 18.2777 13.4749 18.1037C13.9864 17.9297 14.4709 17.7289 14.9287 17.5044C15.3866 17.28 15.8172 17.0322 16.2212 16.7645C16.6252 16.4968 17.0021 16.2095 17.3526 15.9061C17.703 15.6028 18.0266 15.2836 18.3242 14.9523C18.6218 14.621 18.8932 14.2776 19.1391 13.926C19.3851 13.5743 19.6056 13.2143 19.8016 12.8495C19.9975 12.4847 20.1688 12.1151 20.3164 11.7441C20.4639 11.3732 20.5878 11.0006 20.6886 10.63C20.7894 10.2593 20.8674 9.89 20.9229 9.5257C20.9784 9.1614 21.0116 8.8013 21.0227 8.4489C21.0338 8.0966 21.0229 7.751 20.9898 7.4159C20.9567 7.0809 20.9012 6.7549 20.8227 6.4422C20.7441 6.1296 20.642 5.8283 20.5148 5.5438C20.3876 5.2594 20.2344 4.9895 20.0529 4.7418L20.0643 4.7576C19.6555 4.1762 19.2324 3.6944 18.7968 3.3045C18.3607 2.914 17.9117 2.6153 17.4541 2.4025C16.9956 2.1893 16.5366 2.0664 16.0864 2.0206C15.6369 1.975 15.2073 2.0074 14.807 2.0944C14.4078 2.1811 14.0397 2.3216 13.7091 2.4911C13.3787 2.6605 13.0818 2.8609 12.8231 3.0717C12.5645 3.2823 12.3388 3.5076 12.1515 3.731C12.1402 3.7445 12.1293 3.7582 12.1188 3.7723L10.0711 6.4953ZM10.6668 9.0308C11.6029 11.6205 11.4774 14.9784 7.7039 16.9735C6.6814 17.5141 5.3688 17.9747 3.6984 18.2975L10.6668 9.0308ZM17 8C17 8.5523 16.5523 9 16 9C15.4477 9 15 8.5523 15 8C15 7.4477 15.4477 7 16 7C16.5523 7 17 7.4477 17 8Z" stroke="none"/><path d="M20.0269 7.2419L21.8164 8.6366C22.1089 8.8646 22.0404 9.3153 21.6925 9.4509L20.0269 10.1M10 17.9861L10 21M13.5 17.4L13.5 19.9714"/></g></svg>How to use the Bird Fill icon
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:bird-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:bird-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:bird-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--bird-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:bird-fill"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:bird-fill"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/keyline-icons/bird-fill.svg" alt="Bird Fill icon" width="24" height="24">Related icons in Keyline Icons
Bird Fill icon in other icon sets
Bird Fill icon FAQ
Is the Bird Fill icon free for commercial use?
Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Bird Fill icon in React?
Install @iconify/react and render <Icon icon="keyline-icons:bird-fill" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Bird Fill icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/bird-fill.svg" alt="Bird Fill icon">, or paste the SVG code inline to style it with CSS.