cow face emoji
cow-face from Twitter Emoji by Twitter · Default · Animals & Nature · CC-BY-4.0 Attribution required.
- Name
- cow-face
- Set
- Twitter Emoji
- Style
- Default
- Category
- Animals & Nature
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More animals & nature icons from Twitter Emoji
Use the cow face emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#99aab5" d="M4 8s-4 2-4 11c0 0 6-1 7-3c0 0 2-12.25-3-8m27.995.043s4 2 4 11c0 0-6-.999-7-2.999c0 0-2-12.251 3-8.001"/><path fill="#ffe8b6" d="M1 1c-1.01.99 1 8 5 9s4-5 3-5C5 5 3.042-1 1 1m34.297 0c1.011.99-1 8-5 9s-4-5-3-5c4 0 5.959-6 8-4"/><path fill="#ccd6dd" d="M21.976 31h-7.951C8.488 31 4 26.512 4 20.976v-8.951C4 6.488 8.488 2 14.025 2h7.951C27.512 2 32 6.488 32 12.025v8.951C32 26.512 27.512 31 21.976 31"/><path fill="#e6aaaa" d="M35 28c0 5.522-4.478 8-10 8H11c-5.523 0-10-2.478-10-8s4.477-10 10-10h14c5.522 0 10 4.478 10 10"/><ellipse cx="9.5" cy="26" fill="#c1694f" rx="1.5" ry="3"/><ellipse cx="26.5" cy="26" fill="#c1694f" rx="1.5" ry="3"/><path fill="#272b2b" d="M11 12s0-2 2-2s2 2 2 2v2s0 2-2 2s-2-2-2-2zm10 0s0-2 2-2s2 2 2 2v2s0 2-2 2s-2-2-2-2z"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiCowFace(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#99aab5" d="M4 8s-4 2-4 11c0 0 6-1 7-3c0 0 2-12.25-3-8m27.995.043s4 2 4 11c0 0-6-.999-7-2.999c0 0-2-12.251 3-8.001"/><path fill="#ffe8b6" d="M1 1c-1.01.99 1 8 5 9s4-5 3-5C5 5 3.042-1 1 1m34.297 0c1.011.99-1 8-5 9s-4-5-3-5c4 0 5.959-6 8-4"/><path fill="#ccd6dd" d="M21.976 31h-7.951C8.488 31 4 26.512 4 20.976v-8.951C4 6.488 8.488 2 14.025 2h7.951C27.512 2 32 6.488 32 12.025v8.951C32 26.512 27.512 31 21.976 31"/><path fill="#e6aaaa" d="M35 28c0 5.522-4.478 8-10 8H11c-5.523 0-10-2.478-10-8s4.477-10 10-10h14c5.522 0 10 4.478 10 10"/><ellipse cx="9.5" cy="26" fill="#c1694f" rx="1.5" ry="3"/><ellipse cx="26.5" cy="26" fill="#c1694f" rx="1.5" ry="3"/><path fill="#272b2b" d="M11 12s0-2 2-2s2 2 2 2v2s0 2-2 2s-2-2-2-2zm10 0s0-2 2-2s2 2 2 2v2s0 2-2 2s-2-2-2-2z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#99aab5" d="M4 8s-4 2-4 11c0 0 6-1 7-3c0 0 2-12.25-3-8m27.995.043s4 2 4 11c0 0-6-.999-7-2.999c0 0-2-12.251 3-8.001"/><path fill="#ffe8b6" d="M1 1c-1.01.99 1 8 5 9s4-5 3-5C5 5 3.042-1 1 1m34.297 0c1.011.99-1 8-5 9s-4-5-3-5c4 0 5.959-6 8-4"/><path fill="#ccd6dd" d="M21.976 31h-7.951C8.488 31 4 26.512 4 20.976v-8.951C4 6.488 8.488 2 14.025 2h7.951C27.512 2 32 6.488 32 12.025v8.951C32 26.512 27.512 31 21.976 31"/><path fill="#e6aaaa" d="M35 28c0 5.522-4.478 8-10 8H11c-5.523 0-10-2.478-10-8s4.477-10 10-10h14c5.522 0 10 4.478 10 10"/><ellipse cx="9.5" cy="26" fill="#c1694f" rx="1.5" ry="3"/><ellipse cx="26.5" cy="26" fill="#c1694f" rx="1.5" ry="3"/><path fill="#272b2b" d="M11 12s0-2 2-2s2 2 2 2v2s0 2-2 2s-2-2-2-2zm10 0s0-2 2-2s2 2 2 2v2s0 2-2 2s-2-2-2-2z"/></svg> </template>
CSS
.icon-cow-face {
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%2036%2036%22%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M4%208s-4%202-4%2011c0%200%206-1%207-3c0%200%202-12.25-3-8m27.995.043s4%202%204%2011c0%200-6-.999-7-2.999c0%200-2-12.251%203-8.001%22%2F%3E%3Cpath%20fill%3D%22%23ffe8b6%22%20d%3D%22M1%201c-1.01.99%201%208%205%209s4-5%203-5C5%205%203.042-1%201%201m34.297%200c1.011.99-1%208-5%209s-4-5-3-5c4%200%205.959-6%208-4%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M21.976%2031h-7.951C8.488%2031%204%2026.512%204%2020.976v-8.951C4%206.488%208.488%202%2014.025%202h7.951C27.512%202%2032%206.488%2032%2012.025v8.951C32%2026.512%2027.512%2031%2021.976%2031%22%2F%3E%3Cpath%20fill%3D%22%23e6aaaa%22%20d%3D%22M35%2028c0%205.522-4.478%208-10%208H11c-5.523%200-10-2.478-10-8s4.477-10%2010-10h14c5.522%200%2010%204.478%2010%2010%22%2F%3E%3Cellipse%20cx%3D%229.5%22%20cy%3D%2226%22%20fill%3D%22%23c1694f%22%20rx%3D%221.5%22%20ry%3D%223%22%2F%3E%3Cellipse%20cx%3D%2226.5%22%20cy%3D%2226%22%20fill%3D%22%23c1694f%22%20rx%3D%221.5%22%20ry%3D%223%22%2F%3E%3Cpath%20fill%3D%22%23272b2b%22%20d%3D%22M11%2012s0-2%202-2s2%202%202%202v2s0%202-2%202s-2-2-2-2zm10%200s0-2%202-2s2%202%202%202v2s0%202-2%202s-2-2-2-2z%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%2036%2036%22%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M4%208s-4%202-4%2011c0%200%206-1%207-3c0%200%202-12.25-3-8m27.995.043s4%202%204%2011c0%200-6-.999-7-2.999c0%200-2-12.251%203-8.001%22%2F%3E%3Cpath%20fill%3D%22%23ffe8b6%22%20d%3D%22M1%201c-1.01.99%201%208%205%209s4-5%203-5C5%205%203.042-1%201%201m34.297%200c1.011.99-1%208-5%209s-4-5-3-5c4%200%205.959-6%208-4%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M21.976%2031h-7.951C8.488%2031%204%2026.512%204%2020.976v-8.951C4%206.488%208.488%202%2014.025%202h7.951C27.512%202%2032%206.488%2032%2012.025v8.951C32%2026.512%2027.512%2031%2021.976%2031%22%2F%3E%3Cpath%20fill%3D%22%23e6aaaa%22%20d%3D%22M35%2028c0%205.522-4.478%208-10%208H11c-5.523%200-10-2.478-10-8s4.477-10%2010-10h14c5.522%200%2010%204.478%2010%2010%22%2F%3E%3Cellipse%20cx%3D%229.5%22%20cy%3D%2226%22%20fill%3D%22%23c1694f%22%20rx%3D%221.5%22%20ry%3D%223%22%2F%3E%3Cellipse%20cx%3D%2226.5%22%20cy%3D%2226%22%20fill%3D%22%23c1694f%22%20rx%3D%221.5%22%20ry%3D%223%22%2F%3E%3Cpath%20fill%3D%22%23272b2b%22%20d%3D%22M11%2012s0-2%202-2s2%202%202%202v2s0%202-2%202s-2-2-2-2zm10%200s0-2%202-2s2%202%202%202v2s0%202-2%202s-2-2-2-2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/cow-face.svg?color=%231a73e8&size=48
