bird icon

bird-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: bird-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

bird bird-bold bird-duotone bird-fill 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="M174 68a10 10 0 1 1-10-10a10 10 0 0 1 10 10m64 12a6 6 0 0 1-2.67 5L214 99.21V120a102.12 102.12 0 0 1-102 102H24a14 14 0 0 1-10.93-22.75l.07-.09L98 97.35V76.89c0-32.32 25.89-58.74 57.72-58.89h.28a58 58 0 0 1 55.51 41.13L235.33 75a6 6 0 0 1 2.67 5m-16.82 0L203 67.88a6 6 0 0 1-2.48-3.48A46 46 0 0 0 156 30h-.23C130.53 30.12 110 51.16 110 76.89v22.63a6 6 0 0 1-1.39 3.85L22.43 206.78A2 2 0 0 0 24 210h27.86l71.53-85.84a6 6 0 0 1 9.22 7.68L67.48 210H112a90.1 90.1 0 0 0 90-90V96a6 6 0 0 1 2.67-5Z"/></svg>

React

import type { SVGProps } from "react";

export function PhBirdLight(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="M174 68a10 10 0 1 1-10-10a10 10 0 0 1 10 10m64 12a6 6 0 0 1-2.67 5L214 99.21V120a102.12 102.12 0 0 1-102 102H24a14 14 0 0 1-10.93-22.75l.07-.09L98 97.35V76.89c0-32.32 25.89-58.74 57.72-58.89h.28a58 58 0 0 1 55.51 41.13L235.33 75a6 6 0 0 1 2.67 5m-16.82 0L203 67.88a6 6 0 0 1-2.48-3.48A46 46 0 0 0 156 30h-.23C130.53 30.12 110 51.16 110 76.89v22.63a6 6 0 0 1-1.39 3.85L22.43 206.78A2 2 0 0 0 24 210h27.86l71.53-85.84a6 6 0 0 1 9.22 7.68L67.48 210H112a90.1 90.1 0 0 0 90-90V96a6 6 0 0 1 2.67-5Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M174 68a10 10 0 1 1-10-10a10 10 0 0 1 10 10m64 12a6 6 0 0 1-2.67 5L214 99.21V120a102.12 102.12 0 0 1-102 102H24a14 14 0 0 1-10.93-22.75l.07-.09L98 97.35V76.89c0-32.32 25.89-58.74 57.72-58.89h.28a58 58 0 0 1 55.51 41.13L235.33 75a6 6 0 0 1 2.67 5m-16.82 0L203 67.88a6 6 0 0 1-2.48-3.48A46 46 0 0 0 156 30h-.23C130.53 30.12 110 51.16 110 76.89v22.63a6 6 0 0 1-1.39 3.85L22.43 206.78A2 2 0 0 0 24 210h27.86l71.53-85.84a6 6 0 0 1 9.22 7.68L67.48 210H112a90.1 90.1 0 0 0 90-90V96a6 6 0 0 1 2.67-5Z"/></svg>
</template>

CSS

.icon-bird-light {
  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%22M174%2068a10%2010%200%201%201-10-10a10%2010%200%200%201%2010%2010m64%2012a6%206%200%200%201-2.67%205L214%2099.21V120a102.12%20102.12%200%200%201-102%20102H24a14%2014%200%200%201-10.93-22.75l.07-.09L98%2097.35V76.89c0-32.32%2025.89-58.74%2057.72-58.89h.28a58%2058%200%200%201%2055.51%2041.13L235.33%2075a6%206%200%200%201%202.67%205m-16.82%200L203%2067.88a6%206%200%200%201-2.48-3.48A46%2046%200%200%200%20156%2030h-.23C130.53%2030.12%20110%2051.16%20110%2076.89v22.63a6%206%200%200%201-1.39%203.85L22.43%20206.78A2%202%200%200%200%2024%20210h27.86l71.53-85.84a6%206%200%200%201%209.22%207.68L67.48%20210H112a90.1%2090.1%200%200%200%2090-90V96a6%206%200%200%201%202.67-5Z%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%22M174%2068a10%2010%200%201%201-10-10a10%2010%200%200%201%2010%2010m64%2012a6%206%200%200%201-2.67%205L214%2099.21V120a102.12%20102.12%200%200%201-102%20102H24a14%2014%200%200%201-10.93-22.75l.07-.09L98%2097.35V76.89c0-32.32%2025.89-58.74%2057.72-58.89h.28a58%2058%200%200%201%2055.51%2041.13L235.33%2075a6%206%200%200%201%202.67%205m-16.82%200L203%2067.88a6%206%200%200%201-2.48-3.48A46%2046%200%200%200%20156%2030h-.23C130.53%2030.12%20110%2051.16%20110%2076.89v22.63a6%206%200%200%201-1.39%203.85L22.43%20206.78A2%202%200%200%200%2024%20210h27.86l71.53-85.84a6%206%200%200%201%209.22%207.68L67.48%20210H112a90.1%2090.1%200%200%200%2090-90V96a6%206%200%200%201%202.67-5Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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