bird icon

Bird: bird, birds, avian. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M12.778 6.622C12.774 6.76 12.801 7.028 12.86 7.428C12.904 7.731 12.935 7.97 12.953 8.144C12.984 8.444 13 8.73 13 9C13 10.162 12.837 11.07 12.51 11.724C12.309 12.126 12.046 12.435 11.723 12.65C11.504 12.796 11.263 12.896 11 12.951L11 14.5C11 14.641 10.952 14.759 10.856 14.856C10.759 14.952 10.641 15 10.5 15C10.359 15 10.241 14.952 10.144 14.856C10.048 14.759 10 14.641 10 14.5L10 13L9 13L9 14.5C9 14.641 8.952 14.759 8.856 14.856C8.759 14.952 8.641 15 8.5 15C8.359 15 8.241 14.952 8.144 14.856C8.048 14.759 8 14.641 8 14.5L8 12.982C7.847 12.97 7.71 12.952 7.589 12.928C7.261 12.862 6.899 12.738 6.504 12.557L3.356 14.131C3.071 14.274 2.771 14.319 2.456 14.268C2.142 14.217 1.872 14.079 1.646 13.854C1.538 13.745 1.453 13.62 1.392 13.479C1.326 13.326 1.293 13.167 1.293 13C1.293 12.833 1.326 12.674 1.392 12.521C1.453 12.38 1.538 12.255 1.646 12.146L4.122 9.671C4.338 9.384 4.589 9.075 4.875 8.743C5.049 8.541 5.308 8.25 5.652 7.869C5.996 7.489 6.244 7.209 6.398 7.028C6.645 6.738 6.845 6.482 6.996 6.261C7.332 5.772 7.5 5.351 7.5 5C7.5 4.567 7.571 4.166 7.713 3.797C7.856 3.426 8.063 3.105 8.334 2.834C8.605 2.563 8.926 2.356 9.297 2.213C9.666 2.071 10.067 2 10.5 2C11.096 2 11.596 2.162 12 2.485C12.306 2.729 12.596 3.11 12.87 3.626L14.724 4.553C14.823 4.602 14.898 4.677 14.947 4.776C15.009 4.9 15.018 5.027 14.974 5.158C14.931 5.289 14.847 5.385 14.724 5.447L12.822 6.398C12.796 6.449 12.782 6.524 12.778 6.622ZM2.293 13C2.293 13.057 2.313 13.106 2.354 13.146C2.427 13.22 2.514 13.265 2.617 13.281C2.719 13.298 2.816 13.283 2.909 13.237L6.276 11.553C6.425 11.478 6.575 11.478 6.724 11.553L6.751 11.566C6.771 11.555 6.792 11.544 6.814 11.536C7.366 11.315 7.814 11.043 8.158 10.721C8.465 10.433 8.67 10.123 8.772 9.79C8.868 9.477 8.868 9.161 8.771 8.84C8.667 8.495 8.459 8.166 8.146 7.854C8.049 7.756 8 7.638 8 7.5C8 7.362 8.049 7.244 8.146 7.146C8.246 7.047 8.364 6.997 8.5 6.997C8.636 6.997 8.754 7.047 8.854 7.146C9.284 7.577 9.576 8.045 9.729 8.551C9.884 9.066 9.884 9.577 9.728 10.085C9.573 10.586 9.278 11.042 8.842 11.451C8.633 11.646 8.397 11.826 8.135 11.989C8.244 11.996 8.366 12 8.5 12L10.5 12C10.75 12 10.969 11.938 11.156 11.813C11.344 11.688 11.5 11.5 11.625 11.25C11.875 10.75 12 10 12 9C12 8.764 11.986 8.513 11.958 8.247C11.942 8.087 11.912 7.862 11.87 7.572C11.803 7.114 11.773 6.787 11.779 6.591C11.791 6.194 11.914 5.879 12.146 5.646C12.185 5.608 12.228 5.577 12.276 5.553L13.382 5L12.276 4.447C12.177 4.398 12.102 4.323 12.053 4.224C11.822 3.761 11.596 3.442 11.375 3.265C11.154 3.088 10.862 3 10.5 3C9.888 3 9.402 3.18 9.041 3.541C8.68 3.902 8.5 4.388 8.5 5C8.5 5.558 8.274 6.167 7.821 6.827C7.65 7.076 7.429 7.36 7.159 7.677C6.999 7.864 6.744 8.152 6.394 8.54C6.056 8.915 5.802 9.2 5.633 9.396C5.352 9.722 5.108 10.023 4.9 10.3C4.886 10.319 4.87 10.337 4.854 10.354L2.354 12.854C2.313 12.894 2.293 12.943 2.293 13ZM9.97 3.97C10.116 3.823 10.293 3.75 10.5 3.75C10.707 3.75 10.884 3.823 11.03 3.97C11.177 4.116 11.25 4.293 11.25 4.5C11.25 4.707 11.177 4.884 11.03 5.03C10.884 5.177 10.707 5.25 10.5 5.25C10.293 5.25 10.116 5.177 9.97 5.03C9.823 4.884 9.75 4.707 9.75 4.5C9.75 4.293 9.823 4.116 9.97 3.97Z"/></svg>

React

// Gentleface "bird" (line-round), MIT. https://gentleface.com/icons/bird
import type { SVGProps } from 'react';

export function BirdIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M12.778 6.622C12.774 6.76 12.801 7.028 12.86 7.428C12.904 7.731 12.935 7.97 12.953 8.144C12.984 8.444 13 8.73 13 9C13 10.162 12.837 11.07 12.51 11.724C12.309 12.126 12.046 12.435 11.723 12.65C11.504 12.796 11.263 12.896 11 12.951L11 14.5C11 14.641 10.952 14.759 10.856 14.856C10.759 14.952 10.641 15 10.5 15C10.359 15 10.241 14.952 10.144 14.856C10.048 14.759 10 14.641 10 14.5L10 13L9 13L9 14.5C9 14.641 8.952 14.759 8.856 14.856C8.759 14.952 8.641 15 8.5 15C8.359 15 8.241 14.952 8.144 14.856C8.048 14.759 8 14.641 8 14.5L8 12.982C7.847 12.97 7.71 12.952 7.589 12.928C7.261 12.862 6.899 12.738 6.504 12.557L3.356 14.131C3.071 14.274 2.771 14.319 2.456 14.268C2.142 14.217 1.872 14.079 1.646 13.854C1.538 13.745 1.453 13.62 1.392 13.479C1.326 13.326 1.293 13.167 1.293 13C1.293 12.833 1.326 12.674 1.392 12.521C1.453 12.38 1.538 12.255 1.646 12.146L4.122 9.671C4.338 9.384 4.589 9.075 4.875 8.743C5.049 8.541 5.308 8.25 5.652 7.869C5.996 7.489 6.244 7.209 6.398 7.028C6.645 6.738 6.845 6.482 6.996 6.261C7.332 5.772 7.5 5.351 7.5 5C7.5 4.567 7.571 4.166 7.713 3.797C7.856 3.426 8.063 3.105 8.334 2.834C8.605 2.563 8.926 2.356 9.297 2.213C9.666 2.071 10.067 2 10.5 2C11.096 2 11.596 2.162 12 2.485C12.306 2.729 12.596 3.11 12.87 3.626L14.724 4.553C14.823 4.602 14.898 4.677 14.947 4.776C15.009 4.9 15.018 5.027 14.974 5.158C14.931 5.289 14.847 5.385 14.724 5.447L12.822 6.398C12.796 6.449 12.782 6.524 12.778 6.622ZM2.293 13C2.293 13.057 2.313 13.106 2.354 13.146C2.427 13.22 2.514 13.265 2.617 13.281C2.719 13.298 2.816 13.283 2.909 13.237L6.276 11.553C6.425 11.478 6.575 11.478 6.724 11.553L6.751 11.566C6.771 11.555 6.792 11.544 6.814 11.536C7.366 11.315 7.814 11.043 8.158 10.721C8.465 10.433 8.67 10.123 8.772 9.79C8.868 9.477 8.868 9.161 8.771 8.84C8.667 8.495 8.459 8.166 8.146 7.854C8.049 7.756 8 7.638 8 7.5C8 7.362 8.049 7.244 8.146 7.146C8.246 7.047 8.364 6.997 8.5 6.997C8.636 6.997 8.754 7.047 8.854 7.146C9.284 7.577 9.576 8.045 9.729 8.551C9.884 9.066 9.884 9.577 9.728 10.085C9.573 10.586 9.278 11.042 8.842 11.451C8.633 11.646 8.397 11.826 8.135 11.989C8.244 11.996 8.366 12 8.5 12L10.5 12C10.75 12 10.969 11.938 11.156 11.813C11.344 11.688 11.5 11.5 11.625 11.25C11.875 10.75 12 10 12 9C12 8.764 11.986 8.513 11.958 8.247C11.942 8.087 11.912 7.862 11.87 7.572C11.803 7.114 11.773 6.787 11.779 6.591C11.791 6.194 11.914 5.879 12.146 5.646C12.185 5.608 12.228 5.577 12.276 5.553L13.382 5L12.276 4.447C12.177 4.398 12.102 4.323 12.053 4.224C11.822 3.761 11.596 3.442 11.375 3.265C11.154 3.088 10.862 3 10.5 3C9.888 3 9.402 3.18 9.041 3.541C8.68 3.902 8.5 4.388 8.5 5C8.5 5.558 8.274 6.167 7.821 6.827C7.65 7.076 7.429 7.36 7.159 7.677C6.999 7.864 6.744 8.152 6.394 8.54C6.056 8.915 5.802 9.2 5.633 9.396C5.352 9.722 5.108 10.023 4.9 10.3C4.886 10.319 4.87 10.337 4.854 10.354L2.354 12.854C2.313 12.894 2.293 12.943 2.293 13ZM9.97 3.97C10.116 3.823 10.293 3.75 10.5 3.75C10.707 3.75 10.884 3.823 11.03 3.97C11.177 4.116 11.25 4.293 11.25 4.5C11.25 4.707 11.177 4.884 11.03 5.03C10.884 5.177 10.707 5.25 10.5 5.25C10.293 5.25 10.116 5.177 9.97 5.03C9.823 4.884 9.75 4.707 9.75 4.5C9.75 4.293 9.823 4.116 9.97 3.97Z" />
    </svg>
  );
}

Vue

Vue: see /icons/bird.md

Svelte

Svelte: see /icons/bird.md

HTML img

HTML img: see /icons/bird.md

CSS

CSS: see /icons/bird.md

Data URL

Data URL: see /icons/bird.md

Sprite

Sprite: see /icons/bird.md

SwiftUI

SwiftUI: see /icons/bird.md

Compose

Compose: see /icons/bird.md

Android XML

Android XML: see /icons/bird.md

Flutter

Flutter: see /icons/bird.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

With npm: import { BirdIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

bird, birds, avian

Alternatives

feather: a feather, quill or lightweight
binoculars: birdwatching or a lookout

Tags

bird, birds, songbird, sparrow, robin, finch, perched, wildlife, birdwatching, animal, nature, pet

Category

Nature & animals

Component name

BirdIcon

History

2026-10-29 released in 0.2.0
2026-10-30 added

Since

version 0.2.0

More nature & animals icons

birdhouse butterfly cactus cannabis cat clover co2 compost cow dog dog-bark feather fish fish-off flower grass · all nature & animals icons

For agents

Metadata: /icons/bird.json · Markdown: /icons/bird.md · SVG: https://gentleface.com/svg/{style}/16/bird.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/bird.png

bird icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More nature & animals icons

For agents

bird icon