goat emoji

goat from Emoji One (Colored) by Emoji One · Default · Nature · CC-BY-4.0 Attribution required.

Name
goat
Set
Emoji One (Colored)
Style
Default
Category
Nature
Viewbox
64×64
License
CC BY 4.0

The same emoji in other sets

goatFluent EmojigoatFluent Emoji FlatgoatFluent Emoji High ContrastgoatFirefox OS EmojigoatNoto EmojigoatOpenMojigoatStreamline EmojisgoatTwitter Emoji

More nature icons from Emoji One (Colored)

antbaby-chickbatbear-facebirdblossomblowfishboarbouquetbugbutterflycactuscamelcatcat-facecherry-blossomchickenchipmunkcloudcloud-with-lightningcloud-with-lightning-and-raincloud-with-raincloud-with-snowcollision

Use the goat emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#947151" d="M19.3 13.6c.5-6.7 8.5-7 8.5-7C17.6 3 15.3 13.2 15.9 14c.8.9 3.3 1.2 3.4-.4"/><path fill="#c2aca1" d="M56.6 26.6c-1.1-2.4 2-10.8 2-10.8s7.6 8.6.2 12.7c-.4.2-2-1.5-2.2-1.9M10.8 38.1S8 33.5 12 27.8l-5.7 2.6c-2.7 5.3 4.5 7.7 4.5 7.7"/><path fill="#f1e7dc" d="M59.6 48.5c-1.5-4.1-1.1-5.8-1.1-5.8c3.8-6.9 1.2-16.7-2.6-17.3c-13.6-2.4-31.2 1.6-31.2-3c0-9.5-8-15.4-14.3-9.6C5.9 17 9.5 18.4 2.6 27c-1.6 1.9.2 3.4 3.3 4c1 .2 1.3.1 3.8-1.2c2.4-1.3 5.8.3 6.7-4.2c0 0-.5 11.2 6.3 18.9c0 0 1.4 4-1.3 14.9h3.3l3-8.3s-.6-5.9 1.3-5.3c5.9 2.1 20.5-1.5 20.5-1.5c1.4 2.8 5.9 5.5 5.9 5.5s-1.4 3.3-1.2 9.6h3.5c.2-2.4 1.9-10.9 1.9-10.9"/><path fill="#947151" d="M20.7 62h3.2l.6-2.5h-3.3c-.2 1.5-.5 2.5-.5 2.5m33.4-2.5C53.9 61 54 62 54 62h3.4s0-1 .2-2.5z"/><circle cx="12.2" cy="18.9" r="1.5" fill="#3e4347"/><path fill="#c2aca1" d="M4.5 27.7c-.1.2-.6.5-.8.3c-.2-.1-.1-.6.1-.9c.1-.2.4-.3.6-.1s.2.5.1.7m5.1-2.4c.3 1.2 0 2.5-.7 3.6c-.3.5-.8 1-1.3 1.4s-1.1.6-1.7.8c1-.7 1.9-1.4 2.5-2.4c.3-.5.5-1 .7-1.6s.4-1.2.5-1.8"/><path fill="#f1e7dc" d="M19.7 16.4c6.2-.2 5.5-8.6 4.5-8.1c-1.6.8-6.6 3.1-6.6 5.9c0 .5-.6 2.3 2.1 2.2"/><path fill="#c2aca1" d="M19 13.6c.5-1.6 4.1-3.4 4.7-3.6c.6-.3.6 4-3.4 5.7c-.4.2-.8.2-1-.1s.7-.9 1.3-1.2c.7-.3-.1-.2-.6-.1c-.5.2-.2-.2.2-.4c.4-.3-.6 0-1 .4s-.5.4-.2-.7"/><path fill="#947151" d="M17.1 12.7C15.3 5.2 24 2 24 2c-12.6-.4-11.5 11.7-10.5 12.3c1.2.7 4 .2 3.6-1.6"/></svg>

React

import type { SVGProps } from "react";

export function EmojioneGoat(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#947151" d="M19.3 13.6c.5-6.7 8.5-7 8.5-7C17.6 3 15.3 13.2 15.9 14c.8.9 3.3 1.2 3.4-.4"/><path fill="#c2aca1" d="M56.6 26.6c-1.1-2.4 2-10.8 2-10.8s7.6 8.6.2 12.7c-.4.2-2-1.5-2.2-1.9M10.8 38.1S8 33.5 12 27.8l-5.7 2.6c-2.7 5.3 4.5 7.7 4.5 7.7"/><path fill="#f1e7dc" d="M59.6 48.5c-1.5-4.1-1.1-5.8-1.1-5.8c3.8-6.9 1.2-16.7-2.6-17.3c-13.6-2.4-31.2 1.6-31.2-3c0-9.5-8-15.4-14.3-9.6C5.9 17 9.5 18.4 2.6 27c-1.6 1.9.2 3.4 3.3 4c1 .2 1.3.1 3.8-1.2c2.4-1.3 5.8.3 6.7-4.2c0 0-.5 11.2 6.3 18.9c0 0 1.4 4-1.3 14.9h3.3l3-8.3s-.6-5.9 1.3-5.3c5.9 2.1 20.5-1.5 20.5-1.5c1.4 2.8 5.9 5.5 5.9 5.5s-1.4 3.3-1.2 9.6h3.5c.2-2.4 1.9-10.9 1.9-10.9"/><path fill="#947151" d="M20.7 62h3.2l.6-2.5h-3.3c-.2 1.5-.5 2.5-.5 2.5m33.4-2.5C53.9 61 54 62 54 62h3.4s0-1 .2-2.5z"/><circle cx="12.2" cy="18.9" r="1.5" fill="#3e4347"/><path fill="#c2aca1" d="M4.5 27.7c-.1.2-.6.5-.8.3c-.2-.1-.1-.6.1-.9c.1-.2.4-.3.6-.1s.2.5.1.7m5.1-2.4c.3 1.2 0 2.5-.7 3.6c-.3.5-.8 1-1.3 1.4s-1.1.6-1.7.8c1-.7 1.9-1.4 2.5-2.4c.3-.5.5-1 .7-1.6s.4-1.2.5-1.8"/><path fill="#f1e7dc" d="M19.7 16.4c6.2-.2 5.5-8.6 4.5-8.1c-1.6.8-6.6 3.1-6.6 5.9c0 .5-.6 2.3 2.1 2.2"/><path fill="#c2aca1" d="M19 13.6c.5-1.6 4.1-3.4 4.7-3.6c.6-.3.6 4-3.4 5.7c-.4.2-.8.2-1-.1s.7-.9 1.3-1.2c.7-.3-.1-.2-.6-.1c-.5.2-.2-.2.2-.4c.4-.3-.6 0-1 .4s-.5.4-.2-.7"/><path fill="#947151" d="M17.1 12.7C15.3 5.2 24 2 24 2c-12.6-.4-11.5 11.7-10.5 12.3c1.2.7 4 .2 3.6-1.6"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#947151" d="M19.3 13.6c.5-6.7 8.5-7 8.5-7C17.6 3 15.3 13.2 15.9 14c.8.9 3.3 1.2 3.4-.4"/><path fill="#c2aca1" d="M56.6 26.6c-1.1-2.4 2-10.8 2-10.8s7.6 8.6.2 12.7c-.4.2-2-1.5-2.2-1.9M10.8 38.1S8 33.5 12 27.8l-5.7 2.6c-2.7 5.3 4.5 7.7 4.5 7.7"/><path fill="#f1e7dc" d="M59.6 48.5c-1.5-4.1-1.1-5.8-1.1-5.8c3.8-6.9 1.2-16.7-2.6-17.3c-13.6-2.4-31.2 1.6-31.2-3c0-9.5-8-15.4-14.3-9.6C5.9 17 9.5 18.4 2.6 27c-1.6 1.9.2 3.4 3.3 4c1 .2 1.3.1 3.8-1.2c2.4-1.3 5.8.3 6.7-4.2c0 0-.5 11.2 6.3 18.9c0 0 1.4 4-1.3 14.9h3.3l3-8.3s-.6-5.9 1.3-5.3c5.9 2.1 20.5-1.5 20.5-1.5c1.4 2.8 5.9 5.5 5.9 5.5s-1.4 3.3-1.2 9.6h3.5c.2-2.4 1.9-10.9 1.9-10.9"/><path fill="#947151" d="M20.7 62h3.2l.6-2.5h-3.3c-.2 1.5-.5 2.5-.5 2.5m33.4-2.5C53.9 61 54 62 54 62h3.4s0-1 .2-2.5z"/><circle cx="12.2" cy="18.9" r="1.5" fill="#3e4347"/><path fill="#c2aca1" d="M4.5 27.7c-.1.2-.6.5-.8.3c-.2-.1-.1-.6.1-.9c.1-.2.4-.3.6-.1s.2.5.1.7m5.1-2.4c.3 1.2 0 2.5-.7 3.6c-.3.5-.8 1-1.3 1.4s-1.1.6-1.7.8c1-.7 1.9-1.4 2.5-2.4c.3-.5.5-1 .7-1.6s.4-1.2.5-1.8"/><path fill="#f1e7dc" d="M19.7 16.4c6.2-.2 5.5-8.6 4.5-8.1c-1.6.8-6.6 3.1-6.6 5.9c0 .5-.6 2.3 2.1 2.2"/><path fill="#c2aca1" d="M19 13.6c.5-1.6 4.1-3.4 4.7-3.6c.6-.3.6 4-3.4 5.7c-.4.2-.8.2-1-.1s.7-.9 1.3-1.2c.7-.3-.1-.2-.6-.1c-.5.2-.2-.2.2-.4c.4-.3-.6 0-1 .4s-.5.4-.2-.7"/><path fill="#947151" d="M17.1 12.7C15.3 5.2 24 2 24 2c-12.6-.4-11.5 11.7-10.5 12.3c1.2.7 4 .2 3.6-1.6"/></svg>
</template>

CSS

.icon-goat {
  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%2064%2064%22%3E%3Cpath%20fill%3D%22%23947151%22%20d%3D%22M19.3%2013.6c.5-6.7%208.5-7%208.5-7C17.6%203%2015.3%2013.2%2015.9%2014c.8.9%203.3%201.2%203.4-.4%22%2F%3E%3Cpath%20fill%3D%22%23c2aca1%22%20d%3D%22M56.6%2026.6c-1.1-2.4%202-10.8%202-10.8s7.6%208.6.2%2012.7c-.4.2-2-1.5-2.2-1.9M10.8%2038.1S8%2033.5%2012%2027.8l-5.7%202.6c-2.7%205.3%204.5%207.7%204.5%207.7%22%2F%3E%3Cpath%20fill%3D%22%23f1e7dc%22%20d%3D%22M59.6%2048.5c-1.5-4.1-1.1-5.8-1.1-5.8c3.8-6.9%201.2-16.7-2.6-17.3c-13.6-2.4-31.2%201.6-31.2-3c0-9.5-8-15.4-14.3-9.6C5.9%2017%209.5%2018.4%202.6%2027c-1.6%201.9.2%203.4%203.3%204c1%20.2%201.3.1%203.8-1.2c2.4-1.3%205.8.3%206.7-4.2c0%200-.5%2011.2%206.3%2018.9c0%200%201.4%204-1.3%2014.9h3.3l3-8.3s-.6-5.9%201.3-5.3c5.9%202.1%2020.5-1.5%2020.5-1.5c1.4%202.8%205.9%205.5%205.9%205.5s-1.4%203.3-1.2%209.6h3.5c.2-2.4%201.9-10.9%201.9-10.9%22%2F%3E%3Cpath%20fill%3D%22%23947151%22%20d%3D%22M20.7%2062h3.2l.6-2.5h-3.3c-.2%201.5-.5%202.5-.5%202.5m33.4-2.5C53.9%2061%2054%2062%2054%2062h3.4s0-1%20.2-2.5z%22%2F%3E%3Ccircle%20cx%3D%2212.2%22%20cy%3D%2218.9%22%20r%3D%221.5%22%20fill%3D%22%233e4347%22%2F%3E%3Cpath%20fill%3D%22%23c2aca1%22%20d%3D%22M4.5%2027.7c-.1.2-.6.5-.8.3c-.2-.1-.1-.6.1-.9c.1-.2.4-.3.6-.1s.2.5.1.7m5.1-2.4c.3%201.2%200%202.5-.7%203.6c-.3.5-.8%201-1.3%201.4s-1.1.6-1.7.8c1-.7%201.9-1.4%202.5-2.4c.3-.5.5-1%20.7-1.6s.4-1.2.5-1.8%22%2F%3E%3Cpath%20fill%3D%22%23f1e7dc%22%20d%3D%22M19.7%2016.4c6.2-.2%205.5-8.6%204.5-8.1c-1.6.8-6.6%203.1-6.6%205.9c0%20.5-.6%202.3%202.1%202.2%22%2F%3E%3Cpath%20fill%3D%22%23c2aca1%22%20d%3D%22M19%2013.6c.5-1.6%204.1-3.4%204.7-3.6c.6-.3.6%204-3.4%205.7c-.4.2-.8.2-1-.1s.7-.9%201.3-1.2c.7-.3-.1-.2-.6-.1c-.5.2-.2-.2.2-.4c.4-.3-.6%200-1%20.4s-.5.4-.2-.7%22%2F%3E%3Cpath%20fill%3D%22%23947151%22%20d%3D%22M17.1%2012.7C15.3%205.2%2024%202%2024%202c-12.6-.4-11.5%2011.7-10.5%2012.3c1.2.7%204%20.2%203.6-1.6%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%2064%2064%22%3E%3Cpath%20fill%3D%22%23947151%22%20d%3D%22M19.3%2013.6c.5-6.7%208.5-7%208.5-7C17.6%203%2015.3%2013.2%2015.9%2014c.8.9%203.3%201.2%203.4-.4%22%2F%3E%3Cpath%20fill%3D%22%23c2aca1%22%20d%3D%22M56.6%2026.6c-1.1-2.4%202-10.8%202-10.8s7.6%208.6.2%2012.7c-.4.2-2-1.5-2.2-1.9M10.8%2038.1S8%2033.5%2012%2027.8l-5.7%202.6c-2.7%205.3%204.5%207.7%204.5%207.7%22%2F%3E%3Cpath%20fill%3D%22%23f1e7dc%22%20d%3D%22M59.6%2048.5c-1.5-4.1-1.1-5.8-1.1-5.8c3.8-6.9%201.2-16.7-2.6-17.3c-13.6-2.4-31.2%201.6-31.2-3c0-9.5-8-15.4-14.3-9.6C5.9%2017%209.5%2018.4%202.6%2027c-1.6%201.9.2%203.4%203.3%204c1%20.2%201.3.1%203.8-1.2c2.4-1.3%205.8.3%206.7-4.2c0%200-.5%2011.2%206.3%2018.9c0%200%201.4%204-1.3%2014.9h3.3l3-8.3s-.6-5.9%201.3-5.3c5.9%202.1%2020.5-1.5%2020.5-1.5c1.4%202.8%205.9%205.5%205.9%205.5s-1.4%203.3-1.2%209.6h3.5c.2-2.4%201.9-10.9%201.9-10.9%22%2F%3E%3Cpath%20fill%3D%22%23947151%22%20d%3D%22M20.7%2062h3.2l.6-2.5h-3.3c-.2%201.5-.5%202.5-.5%202.5m33.4-2.5C53.9%2061%2054%2062%2054%2062h3.4s0-1%20.2-2.5z%22%2F%3E%3Ccircle%20cx%3D%2212.2%22%20cy%3D%2218.9%22%20r%3D%221.5%22%20fill%3D%22%233e4347%22%2F%3E%3Cpath%20fill%3D%22%23c2aca1%22%20d%3D%22M4.5%2027.7c-.1.2-.6.5-.8.3c-.2-.1-.1-.6.1-.9c.1-.2.4-.3.6-.1s.2.5.1.7m5.1-2.4c.3%201.2%200%202.5-.7%203.6c-.3.5-.8%201-1.3%201.4s-1.1.6-1.7.8c1-.7%201.9-1.4%202.5-2.4c.3-.5.5-1%20.7-1.6s.4-1.2.5-1.8%22%2F%3E%3Cpath%20fill%3D%22%23f1e7dc%22%20d%3D%22M19.7%2016.4c6.2-.2%205.5-8.6%204.5-8.1c-1.6.8-6.6%203.1-6.6%205.9c0%20.5-.6%202.3%202.1%202.2%22%2F%3E%3Cpath%20fill%3D%22%23c2aca1%22%20d%3D%22M19%2013.6c.5-1.6%204.1-3.4%204.7-3.6c.6-.3.6%204-3.4%205.7c-.4.2-.8.2-1-.1s.7-.9%201.3-1.2c.7-.3-.1-.2-.6-.1c-.5.2-.2-.2.2-.4c.4-.3-.6%200-1%20.4s-.5.4-.2-.7%22%2F%3E%3Cpath%20fill%3D%22%23947151%22%20d%3D%22M17.1%2012.7C15.3%205.2%2024%202%2024%202c-12.6-.4-11.5%2011.7-10.5%2012.3c1.2.7%204%20.2%203.6-1.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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