bird icon
bird-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- bird-thin
- Set
- Phosphor
- Style
- Thin
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
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="M172 68a8 8 0 1 1-8-8a8 8 0 0 1 8 8m64 12a4 4 0 0 1-1.78 3.33L212 98.14V120a100.11 100.11 0 0 1-100 100H24a12 12 0 0 1-9.37-19.5L100 98.08V76.89c0-31.22 25-56.74 55.72-56.89h.28a55.94 55.94 0 0 1 53.79 40.39l24.43 16.28A4 4 0 0 1 236 80m-11.21 0l-20.68-13.78a4.08 4.08 0 0 1-1.65-2.33A48 48 0 0 0 156 28h-.24C129.43 28.13 108 50.06 108 76.89v22.63a4 4 0 0 1-.93 2.56L20.84 205.56A4 4 0 0 0 24 212h28.79l72.14-86.56a4 4 0 0 1 6.14 5.12L63.21 212H112a92.1 92.1 0 0 0 92-92V96a4 4 0 0 1 1.78-3.33Z"/></svg>
React
import type { SVGProps } from "react";
export function PhBirdThin(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="M172 68a8 8 0 1 1-8-8a8 8 0 0 1 8 8m64 12a4 4 0 0 1-1.78 3.33L212 98.14V120a100.11 100.11 0 0 1-100 100H24a12 12 0 0 1-9.37-19.5L100 98.08V76.89c0-31.22 25-56.74 55.72-56.89h.28a55.94 55.94 0 0 1 53.79 40.39l24.43 16.28A4 4 0 0 1 236 80m-11.21 0l-20.68-13.78a4.08 4.08 0 0 1-1.65-2.33A48 48 0 0 0 156 28h-.24C129.43 28.13 108 50.06 108 76.89v22.63a4 4 0 0 1-.93 2.56L20.84 205.56A4 4 0 0 0 24 212h28.79l72.14-86.56a4 4 0 0 1 6.14 5.12L63.21 212H112a92.1 92.1 0 0 0 92-92V96a4 4 0 0 1 1.78-3.33Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M172 68a8 8 0 1 1-8-8a8 8 0 0 1 8 8m64 12a4 4 0 0 1-1.78 3.33L212 98.14V120a100.11 100.11 0 0 1-100 100H24a12 12 0 0 1-9.37-19.5L100 98.08V76.89c0-31.22 25-56.74 55.72-56.89h.28a55.94 55.94 0 0 1 53.79 40.39l24.43 16.28A4 4 0 0 1 236 80m-11.21 0l-20.68-13.78a4.08 4.08 0 0 1-1.65-2.33A48 48 0 0 0 156 28h-.24C129.43 28.13 108 50.06 108 76.89v22.63a4 4 0 0 1-.93 2.56L20.84 205.56A4 4 0 0 0 24 212h28.79l72.14-86.56a4 4 0 0 1 6.14 5.12L63.21 212H112a92.1 92.1 0 0 0 92-92V96a4 4 0 0 1 1.78-3.33Z"/></svg> </template>
CSS
.icon-bird-thin {
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%22M172%2068a8%208%200%201%201-8-8a8%208%200%200%201%208%208m64%2012a4%204%200%200%201-1.78%203.33L212%2098.14V120a100.11%20100.11%200%200%201-100%20100H24a12%2012%200%200%201-9.37-19.5L100%2098.08V76.89c0-31.22%2025-56.74%2055.72-56.89h.28a55.94%2055.94%200%200%201%2053.79%2040.39l24.43%2016.28A4%204%200%200%201%20236%2080m-11.21%200l-20.68-13.78a4.08%204.08%200%200%201-1.65-2.33A48%2048%200%200%200%20156%2028h-.24C129.43%2028.13%20108%2050.06%20108%2076.89v22.63a4%204%200%200%201-.93%202.56L20.84%20205.56A4%204%200%200%200%2024%20212h28.79l72.14-86.56a4%204%200%200%201%206.14%205.12L63.21%20212H112a92.1%2092.1%200%200%200%2092-92V96a4%204%200%200%201%201.78-3.33Z%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%22M172%2068a8%208%200%201%201-8-8a8%208%200%200%201%208%208m64%2012a4%204%200%200%201-1.78%203.33L212%2098.14V120a100.11%20100.11%200%200%201-100%20100H24a12%2012%200%200%201-9.37-19.5L100%2098.08V76.89c0-31.22%2025-56.74%2055.72-56.89h.28a55.94%2055.94%200%200%201%2053.79%2040.39l24.43%2016.28A4%204%200%200%201%20236%2080m-11.21%200l-20.68-13.78a4.08%204.08%200%200%201-1.65-2.33A48%2048%200%200%200%20156%2028h-.24C129.43%2028.13%20108%2050.06%20108%2076.89v22.63a4%204%200%200%201-.93%202.56L20.84%20205.56A4%204%200%200%200%2024%20212h28.79l72.14-86.56a4%204%200%200%201%206.14%205.12L63.21%20212H112a92.1%2092.1%200%200%200%2092-92V96a4%204%200%200%201%201.78-3.33Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/bird-thin.svg?color=%231a73e8&size=48
