pig face emoji

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

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

The same emoji in other sets

pig-faceFluent Emojipig-faceFluent Emoji Flatpig-faceFluent Emoji High Contrastpig-faceNoto Emojipig-faceOpenMojipig-faceStreamline Emojispig-faceTwitter 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 pig face emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#fc97b2" d="M20.6 14.8c-2.4-4.5-18.2-3.1-18.2-3.1s-1.9 16 2.7 18.5c3.5 1.9 17.4-11.8 15.5-15.4"/><path fill="#ffd7e4" d="M17.6 17.2c-1.5-2.8-11.3-1.9-11.3-1.9S5.2 25.3 8 26.8c2.2 1.2 10.8-7.3 9.6-9.6"/><path fill="#fc97b2" d="M58.7 30.1c4.5-2.4 3.1-18.1 3.1-18.1s-16.1-1.9-18.6 2.7C41.3 18.2 55 32 58.7 30.1"/><path fill="#ffd7e4" d="M56.2 27.1c2.8-1.5 1.9-11.2 1.9-11.2s-10-1.2-11.6 1.7c-1.1 2.2 7.5 10.7 9.7 9.5"/><path fill="#fc97b2" d="M58.8 39.4C58.8 56.8 46.8 60 32 60S5.2 56.8 5.2 39.4S21.7 9.5 32 9.5S58.8 22 58.8 39.4"/><path fill="#ffd7e4" d="M46 49.8c0 8.1-6.3 7.2-14 7.2s-14 .9-14-7.2s6.3-12.1 14-12.1s14 4 14 12.1"/><g fill="#bf7b90"><ellipse cx="25.7" cy="48" rx="3.4" ry="6.3"/><ellipse cx="38.3" cy="48" rx="3.4" ry="6.3"/><path d="M32 22.6s-3-10-9.7-11.9c0 0 3-1.7 5.2-.9c0 0 .1-1.8-1.8-3.1c0 0 4.3-.9 6.5 2.1c0 0 .3-3.2-.5-4.8c0 0 7.1 1.7 9 7.8c0 0-7.3 2.1-8.7 10.8"/></g><g fill="#493b30"><ellipse cx="15.6" cy="34.6" rx="3.1" ry="5.6"/><ellipse cx="48.4" cy="34.4" rx="3.1" ry="5.6"/></g></svg>

React

import type { SVGProps } from "react";

export function EmojionePigFace(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#fc97b2" d="M20.6 14.8c-2.4-4.5-18.2-3.1-18.2-3.1s-1.9 16 2.7 18.5c3.5 1.9 17.4-11.8 15.5-15.4"/><path fill="#ffd7e4" d="M17.6 17.2c-1.5-2.8-11.3-1.9-11.3-1.9S5.2 25.3 8 26.8c2.2 1.2 10.8-7.3 9.6-9.6"/><path fill="#fc97b2" d="M58.7 30.1c4.5-2.4 3.1-18.1 3.1-18.1s-16.1-1.9-18.6 2.7C41.3 18.2 55 32 58.7 30.1"/><path fill="#ffd7e4" d="M56.2 27.1c2.8-1.5 1.9-11.2 1.9-11.2s-10-1.2-11.6 1.7c-1.1 2.2 7.5 10.7 9.7 9.5"/><path fill="#fc97b2" d="M58.8 39.4C58.8 56.8 46.8 60 32 60S5.2 56.8 5.2 39.4S21.7 9.5 32 9.5S58.8 22 58.8 39.4"/><path fill="#ffd7e4" d="M46 49.8c0 8.1-6.3 7.2-14 7.2s-14 .9-14-7.2s6.3-12.1 14-12.1s14 4 14 12.1"/><g fill="#bf7b90"><ellipse cx="25.7" cy="48" rx="3.4" ry="6.3"/><ellipse cx="38.3" cy="48" rx="3.4" ry="6.3"/><path d="M32 22.6s-3-10-9.7-11.9c0 0 3-1.7 5.2-.9c0 0 .1-1.8-1.8-3.1c0 0 4.3-.9 6.5 2.1c0 0 .3-3.2-.5-4.8c0 0 7.1 1.7 9 7.8c0 0-7.3 2.1-8.7 10.8"/></g><g fill="#493b30"><ellipse cx="15.6" cy="34.6" rx="3.1" ry="5.6"/><ellipse cx="48.4" cy="34.4" rx="3.1" ry="5.6"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#fc97b2" d="M20.6 14.8c-2.4-4.5-18.2-3.1-18.2-3.1s-1.9 16 2.7 18.5c3.5 1.9 17.4-11.8 15.5-15.4"/><path fill="#ffd7e4" d="M17.6 17.2c-1.5-2.8-11.3-1.9-11.3-1.9S5.2 25.3 8 26.8c2.2 1.2 10.8-7.3 9.6-9.6"/><path fill="#fc97b2" d="M58.7 30.1c4.5-2.4 3.1-18.1 3.1-18.1s-16.1-1.9-18.6 2.7C41.3 18.2 55 32 58.7 30.1"/><path fill="#ffd7e4" d="M56.2 27.1c2.8-1.5 1.9-11.2 1.9-11.2s-10-1.2-11.6 1.7c-1.1 2.2 7.5 10.7 9.7 9.5"/><path fill="#fc97b2" d="M58.8 39.4C58.8 56.8 46.8 60 32 60S5.2 56.8 5.2 39.4S21.7 9.5 32 9.5S58.8 22 58.8 39.4"/><path fill="#ffd7e4" d="M46 49.8c0 8.1-6.3 7.2-14 7.2s-14 .9-14-7.2s6.3-12.1 14-12.1s14 4 14 12.1"/><g fill="#bf7b90"><ellipse cx="25.7" cy="48" rx="3.4" ry="6.3"/><ellipse cx="38.3" cy="48" rx="3.4" ry="6.3"/><path d="M32 22.6s-3-10-9.7-11.9c0 0 3-1.7 5.2-.9c0 0 .1-1.8-1.8-3.1c0 0 4.3-.9 6.5 2.1c0 0 .3-3.2-.5-4.8c0 0 7.1 1.7 9 7.8c0 0-7.3 2.1-8.7 10.8"/></g><g fill="#493b30"><ellipse cx="15.6" cy="34.6" rx="3.1" ry="5.6"/><ellipse cx="48.4" cy="34.4" rx="3.1" ry="5.6"/></g></svg>
</template>

CSS

.icon-pig-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%2064%2064%22%3E%3Cpath%20fill%3D%22%23fc97b2%22%20d%3D%22M20.6%2014.8c-2.4-4.5-18.2-3.1-18.2-3.1s-1.9%2016%202.7%2018.5c3.5%201.9%2017.4-11.8%2015.5-15.4%22%2F%3E%3Cpath%20fill%3D%22%23ffd7e4%22%20d%3D%22M17.6%2017.2c-1.5-2.8-11.3-1.9-11.3-1.9S5.2%2025.3%208%2026.8c2.2%201.2%2010.8-7.3%209.6-9.6%22%2F%3E%3Cpath%20fill%3D%22%23fc97b2%22%20d%3D%22M58.7%2030.1c4.5-2.4%203.1-18.1%203.1-18.1s-16.1-1.9-18.6%202.7C41.3%2018.2%2055%2032%2058.7%2030.1%22%2F%3E%3Cpath%20fill%3D%22%23ffd7e4%22%20d%3D%22M56.2%2027.1c2.8-1.5%201.9-11.2%201.9-11.2s-10-1.2-11.6%201.7c-1.1%202.2%207.5%2010.7%209.7%209.5%22%2F%3E%3Cpath%20fill%3D%22%23fc97b2%22%20d%3D%22M58.8%2039.4C58.8%2056.8%2046.8%2060%2032%2060S5.2%2056.8%205.2%2039.4S21.7%209.5%2032%209.5S58.8%2022%2058.8%2039.4%22%2F%3E%3Cpath%20fill%3D%22%23ffd7e4%22%20d%3D%22M46%2049.8c0%208.1-6.3%207.2-14%207.2s-14%20.9-14-7.2s6.3-12.1%2014-12.1s14%204%2014%2012.1%22%2F%3E%3Cg%20fill%3D%22%23bf7b90%22%3E%3Cellipse%20cx%3D%2225.7%22%20cy%3D%2248%22%20rx%3D%223.4%22%20ry%3D%226.3%22%2F%3E%3Cellipse%20cx%3D%2238.3%22%20cy%3D%2248%22%20rx%3D%223.4%22%20ry%3D%226.3%22%2F%3E%3Cpath%20d%3D%22M32%2022.6s-3-10-9.7-11.9c0%200%203-1.7%205.2-.9c0%200%20.1-1.8-1.8-3.1c0%200%204.3-.9%206.5%202.1c0%200%20.3-3.2-.5-4.8c0%200%207.1%201.7%209%207.8c0%200-7.3%202.1-8.7%2010.8%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23493b30%22%3E%3Cellipse%20cx%3D%2215.6%22%20cy%3D%2234.6%22%20rx%3D%223.1%22%20ry%3D%225.6%22%2F%3E%3Cellipse%20cx%3D%2248.4%22%20cy%3D%2234.4%22%20rx%3D%223.1%22%20ry%3D%225.6%22%2F%3E%3C%2Fg%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%23fc97b2%22%20d%3D%22M20.6%2014.8c-2.4-4.5-18.2-3.1-18.2-3.1s-1.9%2016%202.7%2018.5c3.5%201.9%2017.4-11.8%2015.5-15.4%22%2F%3E%3Cpath%20fill%3D%22%23ffd7e4%22%20d%3D%22M17.6%2017.2c-1.5-2.8-11.3-1.9-11.3-1.9S5.2%2025.3%208%2026.8c2.2%201.2%2010.8-7.3%209.6-9.6%22%2F%3E%3Cpath%20fill%3D%22%23fc97b2%22%20d%3D%22M58.7%2030.1c4.5-2.4%203.1-18.1%203.1-18.1s-16.1-1.9-18.6%202.7C41.3%2018.2%2055%2032%2058.7%2030.1%22%2F%3E%3Cpath%20fill%3D%22%23ffd7e4%22%20d%3D%22M56.2%2027.1c2.8-1.5%201.9-11.2%201.9-11.2s-10-1.2-11.6%201.7c-1.1%202.2%207.5%2010.7%209.7%209.5%22%2F%3E%3Cpath%20fill%3D%22%23fc97b2%22%20d%3D%22M58.8%2039.4C58.8%2056.8%2046.8%2060%2032%2060S5.2%2056.8%205.2%2039.4S21.7%209.5%2032%209.5S58.8%2022%2058.8%2039.4%22%2F%3E%3Cpath%20fill%3D%22%23ffd7e4%22%20d%3D%22M46%2049.8c0%208.1-6.3%207.2-14%207.2s-14%20.9-14-7.2s6.3-12.1%2014-12.1s14%204%2014%2012.1%22%2F%3E%3Cg%20fill%3D%22%23bf7b90%22%3E%3Cellipse%20cx%3D%2225.7%22%20cy%3D%2248%22%20rx%3D%223.4%22%20ry%3D%226.3%22%2F%3E%3Cellipse%20cx%3D%2238.3%22%20cy%3D%2248%22%20rx%3D%223.4%22%20ry%3D%226.3%22%2F%3E%3Cpath%20d%3D%22M32%2022.6s-3-10-9.7-11.9c0%200%203-1.7%205.2-.9c0%200%20.1-1.8-1.8-3.1c0%200%204.3-.9%206.5%202.1c0%200%20.3-3.2-.5-4.8c0%200%207.1%201.7%209%207.8c0%200-7.3%202.1-8.7%2010.8%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23493b30%22%3E%3Cellipse%20cx%3D%2215.6%22%20cy%3D%2234.6%22%20rx%3D%223.1%22%20ry%3D%225.6%22%2F%3E%3Cellipse%20cx%3D%2248.4%22%20cy%3D%2234.4%22%20rx%3D%223.1%22%20ry%3D%225.6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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