bird icon

bird from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.

Name: bird
Set: Phosphor
Style: Regular
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

bird-bold bird-duotone bird-fill bird-light bird-thin

The same icon in other sets

birdEmoji One (Colored)birdFluent Emoji birdFluent Emoji Flat birdFluent Emoji High Contrast birdFirefox OS Emoji birdHuge Icons birdIconPark birdIconPark Outline birdIconPark Solid birdIconPark TwoTone birdLucide birdMaterial Design Icons bird-fillMingCute Icon birdNoto Emoji birdOpenMoji birdTwitter Emoji

Use the bird icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M176 68a12 12 0 1 1-12-12a12 12 0 0 1 12 12m64 12a8 8 0 0 1-3.56 6.66L216 100.28V120a104.11 104.11 0 0 1-104 104H24a16 16 0 0 1-12.49-26l.1-.12L96 96.63V76.89c0-33.42 26.79-60.73 59.71-60.89h.29a60 60 0 0 1 57.21 41.86l23.23 15.48A8 8 0 0 1 240 80m-22.42 0L201.9 69.54a8 8 0 0 1-3.31-4.64A44 44 0 0 0 156 32h-.22C131.64 32.12 112 52.25 112 76.89v22.63a8 8 0 0 1-1.85 5.13L24 208h26.9l70.94-85.12a8 8 0 1 1 12.29 10.24L71.75 208H112a88.1 88.1 0 0 0 88-88V96a8 8 0 0 1 3.56-6.66Z"/></svg>

React

import type { SVGProps } from "react";

export function PhBird(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M176 68a12 12 0 1 1-12-12a12 12 0 0 1 12 12m64 12a8 8 0 0 1-3.56 6.66L216 100.28V120a104.11 104.11 0 0 1-104 104H24a16 16 0 0 1-12.49-26l.1-.12L96 96.63V76.89c0-33.42 26.79-60.73 59.71-60.89h.29a60 60 0 0 1 57.21 41.86l23.23 15.48A8 8 0 0 1 240 80m-22.42 0L201.9 69.54a8 8 0 0 1-3.31-4.64A44 44 0 0 0 156 32h-.22C131.64 32.12 112 52.25 112 76.89v22.63a8 8 0 0 1-1.85 5.13L24 208h26.9l70.94-85.12a8 8 0 1 1 12.29 10.24L71.75 208H112a88.1 88.1 0 0 0 88-88V96a8 8 0 0 1 3.56-6.66Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M176 68a12 12 0 1 1-12-12a12 12 0 0 1 12 12m64 12a8 8 0 0 1-3.56 6.66L216 100.28V120a104.11 104.11 0 0 1-104 104H24a16 16 0 0 1-12.49-26l.1-.12L96 96.63V76.89c0-33.42 26.79-60.73 59.71-60.89h.29a60 60 0 0 1 57.21 41.86l23.23 15.48A8 8 0 0 1 240 80m-22.42 0L201.9 69.54a8 8 0 0 1-3.31-4.64A44 44 0 0 0 156 32h-.22C131.64 32.12 112 52.25 112 76.89v22.63a8 8 0 0 1-1.85 5.13L24 208h26.9l70.94-85.12a8 8 0 1 1 12.29 10.24L71.75 208H112a88.1 88.1 0 0 0 88-88V96a8 8 0 0 1 3.56-6.66Z"/></svg>
</template>

CSS

.icon-bird {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M176%2068a12%2012%200%201%201-12-12a12%2012%200%200%201%2012%2012m64%2012a8%208%200%200%201-3.56%206.66L216%20100.28V120a104.11%20104.11%200%200%201-104%20104H24a16%2016%200%200%201-12.49-26l.1-.12L96%2096.63V76.89c0-33.42%2026.79-60.73%2059.71-60.89h.29a60%2060%200%200%201%2057.21%2041.86l23.23%2015.48A8%208%200%200%201%20240%2080m-22.42%200L201.9%2069.54a8%208%200%200%201-3.31-4.64A44%2044%200%200%200%20156%2032h-.22C131.64%2032.12%20112%2052.25%20112%2076.89v22.63a8%208%200%200%201-1.85%205.13L24%20208h26.9l70.94-85.12a8%208%200%201%201%2012.29%2010.24L71.75%20208H112a88.1%2088.1%200%200%200%2088-88V96a8%208%200%200%201%203.56-6.66Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M176%2068a12%2012%200%201%201-12-12a12%2012%200%200%201%2012%2012m64%2012a8%208%200%200%201-3.56%206.66L216%20100.28V120a104.11%20104.11%200%200%201-104%20104H24a16%2016%200%200%201-12.49-26l.1-.12L96%2096.63V76.89c0-33.42%2026.79-60.73%2059.71-60.89h.29a60%2060%200%200%201%2057.21%2041.86l23.23%2015.48A8%208%200%200%201%20240%2080m-22.42%200L201.9%2069.54a8%208%200%200%201-3.31-4.64A44%2044%200%200%200%20156%2032h-.22C131.64%2032.12%20112%2052.25%20112%2076.89v22.63a8%208%200%200%201-1.85%205.13L24%20208h26.9l70.94-85.12a8%208%200%201%201%2012.29%2010.24L71.75%20208H112a88.1%2088.1%200%200%200%2088-88V96a8%208%200%200%201%203.56-6.66Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/bird.svg?color=%231a73e8&size=48