cow icon
cow-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- cow-thin
- Set
- Phosphor
- Style
- Thin
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Use the cow icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M100 192a4 4 0 0 1-4 4H80a4 4 0 0 1 0-8h16a4 4 0 0 1 4 4m76-4h-16a4 4 0 0 0 0 8h16a4 4 0 0 0 0-8m-76-72a8 8 0 1 0 8 8a8 8 0 0 0-8-8m56 0a8 8 0 1 0 8 8a8 8 0 0 0-8-8m85.3 3.59A12 12 0 0 1 232 124h-36v38.08A36 36 0 0 1 176 228H80a36 36 0 0 1-20-65.92V124H24a12 12 0 0 1-9.32-4.41a11.82 11.82 0 0 1-2.47-9.85A52.11 52.11 0 0 1 63.22 68h13.12A52 52 0 0 1 52 24a4 4 0 0 1 8 0a44.05 44.05 0 0 0 44 44h48a44.05 44.05 0 0 0 44-44a4 4 0 0 1 8 0a52 52 0 0 1-24.34 44h13.12a52.11 52.11 0 0 1 51 41.74a11.82 11.82 0 0 1-2.48 9.85M60 116v-12a35.94 35.94 0 0 1 13.41-28H63.22a44.09 44.09 0 0 0-43.14 35.31a3.82 3.82 0 0 0 .81 3.21A4 4 0 0 0 24 116Zm116 48H80a28 28 0 0 0 0 56h96a28 28 0 0 0 0-56m12-5.94V104a28 28 0 0 0-28-28H96a28 28 0 0 0-28 28v54.06A35.9 35.9 0 0 1 80 156h96a35.9 35.9 0 0 1 12 2.06m47.92-46.75A44.09 44.09 0 0 0 192.78 76h-10.19A35.94 35.94 0 0 1 196 104v12h36a4 4 0 0 0 3.13-1.48a3.82 3.82 0 0 0 .79-3.21"/></svg>
React
import type { SVGProps } from "react";
export function PhCowThin(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="M100 192a4 4 0 0 1-4 4H80a4 4 0 0 1 0-8h16a4 4 0 0 1 4 4m76-4h-16a4 4 0 0 0 0 8h16a4 4 0 0 0 0-8m-76-72a8 8 0 1 0 8 8a8 8 0 0 0-8-8m56 0a8 8 0 1 0 8 8a8 8 0 0 0-8-8m85.3 3.59A12 12 0 0 1 232 124h-36v38.08A36 36 0 0 1 176 228H80a36 36 0 0 1-20-65.92V124H24a12 12 0 0 1-9.32-4.41a11.82 11.82 0 0 1-2.47-9.85A52.11 52.11 0 0 1 63.22 68h13.12A52 52 0 0 1 52 24a4 4 0 0 1 8 0a44.05 44.05 0 0 0 44 44h48a44.05 44.05 0 0 0 44-44a4 4 0 0 1 8 0a52 52 0 0 1-24.34 44h13.12a52.11 52.11 0 0 1 51 41.74a11.82 11.82 0 0 1-2.48 9.85M60 116v-12a35.94 35.94 0 0 1 13.41-28H63.22a44.09 44.09 0 0 0-43.14 35.31a3.82 3.82 0 0 0 .81 3.21A4 4 0 0 0 24 116Zm116 48H80a28 28 0 0 0 0 56h96a28 28 0 0 0 0-56m12-5.94V104a28 28 0 0 0-28-28H96a28 28 0 0 0-28 28v54.06A35.9 35.9 0 0 1 80 156h96a35.9 35.9 0 0 1 12 2.06m47.92-46.75A44.09 44.09 0 0 0 192.78 76h-10.19A35.94 35.94 0 0 1 196 104v12h36a4 4 0 0 0 3.13-1.48a3.82 3.82 0 0 0 .79-3.21"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M100 192a4 4 0 0 1-4 4H80a4 4 0 0 1 0-8h16a4 4 0 0 1 4 4m76-4h-16a4 4 0 0 0 0 8h16a4 4 0 0 0 0-8m-76-72a8 8 0 1 0 8 8a8 8 0 0 0-8-8m56 0a8 8 0 1 0 8 8a8 8 0 0 0-8-8m85.3 3.59A12 12 0 0 1 232 124h-36v38.08A36 36 0 0 1 176 228H80a36 36 0 0 1-20-65.92V124H24a12 12 0 0 1-9.32-4.41a11.82 11.82 0 0 1-2.47-9.85A52.11 52.11 0 0 1 63.22 68h13.12A52 52 0 0 1 52 24a4 4 0 0 1 8 0a44.05 44.05 0 0 0 44 44h48a44.05 44.05 0 0 0 44-44a4 4 0 0 1 8 0a52 52 0 0 1-24.34 44h13.12a52.11 52.11 0 0 1 51 41.74a11.82 11.82 0 0 1-2.48 9.85M60 116v-12a35.94 35.94 0 0 1 13.41-28H63.22a44.09 44.09 0 0 0-43.14 35.31a3.82 3.82 0 0 0 .81 3.21A4 4 0 0 0 24 116Zm116 48H80a28 28 0 0 0 0 56h96a28 28 0 0 0 0-56m12-5.94V104a28 28 0 0 0-28-28H96a28 28 0 0 0-28 28v54.06A35.9 35.9 0 0 1 80 156h96a35.9 35.9 0 0 1 12 2.06m47.92-46.75A44.09 44.09 0 0 0 192.78 76h-10.19A35.94 35.94 0 0 1 196 104v12h36a4 4 0 0 0 3.13-1.48a3.82 3.82 0 0 0 .79-3.21"/></svg> </template>
CSS
.icon-cow-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%22M100%20192a4%204%200%200%201-4%204H80a4%204%200%200%201%200-8h16a4%204%200%200%201%204%204m76-4h-16a4%204%200%200%200%200%208h16a4%204%200%200%200%200-8m-76-72a8%208%200%201%200%208%208a8%208%200%200%200-8-8m56%200a8%208%200%201%200%208%208a8%208%200%200%200-8-8m85.3%203.59A12%2012%200%200%201%20232%20124h-36v38.08A36%2036%200%200%201%20176%20228H80a36%2036%200%200%201-20-65.92V124H24a12%2012%200%200%201-9.32-4.41a11.82%2011.82%200%200%201-2.47-9.85A52.11%2052.11%200%200%201%2063.22%2068h13.12A52%2052%200%200%201%2052%2024a4%204%200%200%201%208%200a44.05%2044.05%200%200%200%2044%2044h48a44.05%2044.05%200%200%200%2044-44a4%204%200%200%201%208%200a52%2052%200%200%201-24.34%2044h13.12a52.11%2052.11%200%200%201%2051%2041.74a11.82%2011.82%200%200%201-2.48%209.85M60%20116v-12a35.94%2035.94%200%200%201%2013.41-28H63.22a44.09%2044.09%200%200%200-43.14%2035.31a3.82%203.82%200%200%200%20.81%203.21A4%204%200%200%200%2024%20116Zm116%2048H80a28%2028%200%200%200%200%2056h96a28%2028%200%200%200%200-56m12-5.94V104a28%2028%200%200%200-28-28H96a28%2028%200%200%200-28%2028v54.06A35.9%2035.9%200%200%201%2080%20156h96a35.9%2035.9%200%200%201%2012%202.06m47.92-46.75A44.09%2044.09%200%200%200%20192.78%2076h-10.19A35.94%2035.94%200%200%201%20196%20104v12h36a4%204%200%200%200%203.13-1.48a3.82%203.82%200%200%200%20.79-3.21%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%22M100%20192a4%204%200%200%201-4%204H80a4%204%200%200%201%200-8h16a4%204%200%200%201%204%204m76-4h-16a4%204%200%200%200%200%208h16a4%204%200%200%200%200-8m-76-72a8%208%200%201%200%208%208a8%208%200%200%200-8-8m56%200a8%208%200%201%200%208%208a8%208%200%200%200-8-8m85.3%203.59A12%2012%200%200%201%20232%20124h-36v38.08A36%2036%200%200%201%20176%20228H80a36%2036%200%200%201-20-65.92V124H24a12%2012%200%200%201-9.32-4.41a11.82%2011.82%200%200%201-2.47-9.85A52.11%2052.11%200%200%201%2063.22%2068h13.12A52%2052%200%200%201%2052%2024a4%204%200%200%201%208%200a44.05%2044.05%200%200%200%2044%2044h48a44.05%2044.05%200%200%200%2044-44a4%204%200%200%201%208%200a52%2052%200%200%201-24.34%2044h13.12a52.11%2052.11%200%200%201%2051%2041.74a11.82%2011.82%200%200%201-2.48%209.85M60%20116v-12a35.94%2035.94%200%200%201%2013.41-28H63.22a44.09%2044.09%200%200%200-43.14%2035.31a3.82%203.82%200%200%200%20.81%203.21A4%204%200%200%200%2024%20116Zm116%2048H80a28%2028%200%200%200%200%2056h96a28%2028%200%200%200%200-56m12-5.94V104a28%2028%200%200%200-28-28H96a28%2028%200%200%200-28%2028v54.06A35.9%2035.9%200%200%201%2080%20156h96a35.9%2035.9%200%200%201%2012%202.06m47.92-46.75A44.09%2044.09%200%200%200%20192.78%2076h-10.19A35.94%2035.94%200%200%201%20196%20104v12h36a4%204%200%200%200%203.13-1.48a3.82%203.82%200%200%200%20.79-3.21%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/cow-thin.svg?color=%231a73e8&size=48
