pig face emoji
pig-face from Twitter Emoji by Twitter · Default · Animals & Nature · CC-BY-4.0 Attribution required.
- Name
- pig-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 pig face emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#f4abba" d="M34.193 13.329a6 6 0 0 0 1.019-1.28c1.686-2.854.27-10.292-.592-10.8c-.695-.411-5.529 1.05-8.246 3.132C23.876 2.884 21.031 2 18 2c-3.021 0-5.856.879-8.349 2.367C6.93 2.293 2.119.839 1.424 1.249c-.861.508-2.276 7.947-.592 10.8c.278.471.615.884.989 1.249C.666 15.85 0 18.64 0 21.479C0 31.468 8.011 34 18 34s18-2.532 18-12.521c0-2.828-.66-5.606-1.807-8.15"/><path fill="#ea596e" d="M7.398 5.965c-2.166-1.267-4.402-2.08-4.8-1.845c-.57.337-1.083 4.998-.352 8.265a20.4 20.4 0 0 1 5.152-6.42m26.355 6.419c.733-3.267.219-7.928-.351-8.265c-.398-.235-2.635.578-4.801 1.845a20.35 20.35 0 0 1 5.152 6.42M28 23.125c0 4.487-3.097 9.375-10 9.375S8 27.612 8 23.125S11.096 17.5 18 17.5c6.903 0 10 1.138 10 5.625"/><path fill="#662113" d="M15 24.6c0 1.857-.34 2.4-1.5 2.4s-1.5-.543-1.5-2.4s.34-2.399 1.5-2.399s1.5.542 1.5 2.399m9 0c0 1.857-.34 2.4-1.5 2.4s-1.5-.543-1.5-2.4s.34-2.399 1.5-2.399s1.5.542 1.5 2.399"/><circle cx="7" cy="17" r="2" fill="#292f33"/><circle cx="29" cy="17" r="2" fill="#292f33"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiPigFace(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#f4abba" d="M34.193 13.329a6 6 0 0 0 1.019-1.28c1.686-2.854.27-10.292-.592-10.8c-.695-.411-5.529 1.05-8.246 3.132C23.876 2.884 21.031 2 18 2c-3.021 0-5.856.879-8.349 2.367C6.93 2.293 2.119.839 1.424 1.249c-.861.508-2.276 7.947-.592 10.8c.278.471.615.884.989 1.249C.666 15.85 0 18.64 0 21.479C0 31.468 8.011 34 18 34s18-2.532 18-12.521c0-2.828-.66-5.606-1.807-8.15"/><path fill="#ea596e" d="M7.398 5.965c-2.166-1.267-4.402-2.08-4.8-1.845c-.57.337-1.083 4.998-.352 8.265a20.4 20.4 0 0 1 5.152-6.42m26.355 6.419c.733-3.267.219-7.928-.351-8.265c-.398-.235-2.635.578-4.801 1.845a20.35 20.35 0 0 1 5.152 6.42M28 23.125c0 4.487-3.097 9.375-10 9.375S8 27.612 8 23.125S11.096 17.5 18 17.5c6.903 0 10 1.138 10 5.625"/><path fill="#662113" d="M15 24.6c0 1.857-.34 2.4-1.5 2.4s-1.5-.543-1.5-2.4s.34-2.399 1.5-2.399s1.5.542 1.5 2.399m9 0c0 1.857-.34 2.4-1.5 2.4s-1.5-.543-1.5-2.4s.34-2.399 1.5-2.399s1.5.542 1.5 2.399"/><circle cx="7" cy="17" r="2" fill="#292f33"/><circle cx="29" cy="17" r="2" fill="#292f33"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#f4abba" d="M34.193 13.329a6 6 0 0 0 1.019-1.28c1.686-2.854.27-10.292-.592-10.8c-.695-.411-5.529 1.05-8.246 3.132C23.876 2.884 21.031 2 18 2c-3.021 0-5.856.879-8.349 2.367C6.93 2.293 2.119.839 1.424 1.249c-.861.508-2.276 7.947-.592 10.8c.278.471.615.884.989 1.249C.666 15.85 0 18.64 0 21.479C0 31.468 8.011 34 18 34s18-2.532 18-12.521c0-2.828-.66-5.606-1.807-8.15"/><path fill="#ea596e" d="M7.398 5.965c-2.166-1.267-4.402-2.08-4.8-1.845c-.57.337-1.083 4.998-.352 8.265a20.4 20.4 0 0 1 5.152-6.42m26.355 6.419c.733-3.267.219-7.928-.351-8.265c-.398-.235-2.635.578-4.801 1.845a20.35 20.35 0 0 1 5.152 6.42M28 23.125c0 4.487-3.097 9.375-10 9.375S8 27.612 8 23.125S11.096 17.5 18 17.5c6.903 0 10 1.138 10 5.625"/><path fill="#662113" d="M15 24.6c0 1.857-.34 2.4-1.5 2.4s-1.5-.543-1.5-2.4s.34-2.399 1.5-2.399s1.5.542 1.5 2.399m9 0c0 1.857-.34 2.4-1.5 2.4s-1.5-.543-1.5-2.4s.34-2.399 1.5-2.399s1.5.542 1.5 2.399"/><circle cx="7" cy="17" r="2" fill="#292f33"/><circle cx="29" cy="17" r="2" fill="#292f33"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23f4abba%22%20d%3D%22M34.193%2013.329a6%206%200%200%200%201.019-1.28c1.686-2.854.27-10.292-.592-10.8c-.695-.411-5.529%201.05-8.246%203.132C23.876%202.884%2021.031%202%2018%202c-3.021%200-5.856.879-8.349%202.367C6.93%202.293%202.119.839%201.424%201.249c-.861.508-2.276%207.947-.592%2010.8c.278.471.615.884.989%201.249C.666%2015.85%200%2018.64%200%2021.479C0%2031.468%208.011%2034%2018%2034s18-2.532%2018-12.521c0-2.828-.66-5.606-1.807-8.15%22%2F%3E%3Cpath%20fill%3D%22%23ea596e%22%20d%3D%22M7.398%205.965c-2.166-1.267-4.402-2.08-4.8-1.845c-.57.337-1.083%204.998-.352%208.265a20.4%2020.4%200%200%201%205.152-6.42m26.355%206.419c.733-3.267.219-7.928-.351-8.265c-.398-.235-2.635.578-4.801%201.845a20.35%2020.35%200%200%201%205.152%206.42M28%2023.125c0%204.487-3.097%209.375-10%209.375S8%2027.612%208%2023.125S11.096%2017.5%2018%2017.5c6.903%200%2010%201.138%2010%205.625%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M15%2024.6c0%201.857-.34%202.4-1.5%202.4s-1.5-.543-1.5-2.4s.34-2.399%201.5-2.399s1.5.542%201.5%202.399m9%200c0%201.857-.34%202.4-1.5%202.4s-1.5-.543-1.5-2.4s.34-2.399%201.5-2.399s1.5.542%201.5%202.399%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2217%22%20r%3D%222%22%20fill%3D%22%23292f33%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%2217%22%20r%3D%222%22%20fill%3D%22%23292f33%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%23f4abba%22%20d%3D%22M34.193%2013.329a6%206%200%200%200%201.019-1.28c1.686-2.854.27-10.292-.592-10.8c-.695-.411-5.529%201.05-8.246%203.132C23.876%202.884%2021.031%202%2018%202c-3.021%200-5.856.879-8.349%202.367C6.93%202.293%202.119.839%201.424%201.249c-.861.508-2.276%207.947-.592%2010.8c.278.471.615.884.989%201.249C.666%2015.85%200%2018.64%200%2021.479C0%2031.468%208.011%2034%2018%2034s18-2.532%2018-12.521c0-2.828-.66-5.606-1.807-8.15%22%2F%3E%3Cpath%20fill%3D%22%23ea596e%22%20d%3D%22M7.398%205.965c-2.166-1.267-4.402-2.08-4.8-1.845c-.57.337-1.083%204.998-.352%208.265a20.4%2020.4%200%200%201%205.152-6.42m26.355%206.419c.733-3.267.219-7.928-.351-8.265c-.398-.235-2.635.578-4.801%201.845a20.35%2020.35%200%200%201%205.152%206.42M28%2023.125c0%204.487-3.097%209.375-10%209.375S8%2027.612%208%2023.125S11.096%2017.5%2018%2017.5c6.903%200%2010%201.138%2010%205.625%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M15%2024.6c0%201.857-.34%202.4-1.5%202.4s-1.5-.543-1.5-2.4s.34-2.399%201.5-2.399s1.5.542%201.5%202.399m9%200c0%201.857-.34%202.4-1.5%202.4s-1.5-.543-1.5-2.4s.34-2.399%201.5-2.399s1.5.542%201.5%202.399%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2217%22%20r%3D%222%22%20fill%3D%22%23292f33%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%2217%22%20r%3D%222%22%20fill%3D%22%23292f33%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/pig-face.svg?color=%231a73e8&size=48
