Home/Libraries/OpenMoji (Iconify)/pig-face

OpenMoji (Iconify)

PigFace

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 72 72"><path fill="#ffa7c0" d="M28.203 21.327a1.55 1.55 0 0 1-1.647-.954c-.764-1.867-3.114-5.462-10.093-6.912c-9.625-2-8.556-1.59-8.556-1.59l-.498.409a1.56 1.56 0 0 0-.525 1.574l1.953 8.036q.018.07.028.142l.91 6.206q.027.189.1.365l2.367 5.773q.04.097.093.19c.27.46 1.508 2.533 2.233 2.975c1.062.647 2.88.622 4.295.47c1.02-.11 1.873.76 1.725 1.774l-.823 5.648a13.8 13.8 0 0 0 .012 4.058s.646 4.136.753 4.59c.256 1.091.716 2.123 1.308 3.075c.68 1.097 1.64 2.603 2.185 3.28a8.13 8.13 0 0 0 3.693 2.599c3.792 1.304 12.581 4.065 18.381-1.616c8.046-7.882 5.96-15.82 5.96-15.82l-.886-5.81a1.56 1.56 0 0 1 1.605-1.795l1.898.076c.265.01.528-.047.765-.167l1.831-.925a1.56 1.56 0 0 0 .7-.709l2.826-5.798q.059-.122.096-.251l1.336-4.624q.023-.08.038-.163l.697-3.972l1.49-6.689l.244-1.281a1.56 1.56 0 0 0-1.306-1.835l-.707-.104a1.56 1.56 0 0 0-.74.07l-5.422 1.89a2 2 0 0 1-.146.043l-6.275 1.52a1.56 1.56 0 0 0-.698.375l-2.574 2.404a1.6 1.6 0 0 0-.334.451l-1.265 2.564a1.56 1.56 0 0 1-1.578.86c-2.796-.322-10.364-1.07-15.449-.402"/><path fill="#e67a94" d="M35.324 42.51L28.6 45.662a1.56 1.56 0 0 0-.835.974l-1.18 4.03a1.56 1.56 0 0 0-.01.841l.695 2.608c.122.456.443.832.874 1.024l1.031.458a1.56 1.56 0 0 0 1.1.063l4.97-1.553a1.56 1.56 0 0 1 .934 0l3.567 1.122c.225.07.463.089.695.055l2.822-.415a1.56 1.56 0 0 0 1.3-1.22l.567-2.673a1.56 1.56 0 0 0-.032-.772l-1.177-3.925a1.56 1.56 0 0 0-.872-.982l-6.44-2.805a1.56 1.56 0 0 0-1.285.018m26.021-26.115a1.6 1.6 0 0 1-.57.264l-6.187 1.463a1.56 1.56 0 0 0-.666.342l-4.202 3.663a1.56 1.56 0 0 0-.495.828l-.842 3.68a1.5 1.5 0 0 0-.038.405c.055 1.325.447 8.693 2.493 10.17c1.784 1.29 5.079.239 6.366-.251c.338-.129.621-.367.803-.68l3.659-6.323q.14-.243.187-.52l1.96-11.526c.235-1.386-1.338-2.352-2.468-1.515M7.296 14.086l3.117 2.309c.17.126.364.216.57.264l6.187 1.463c.247.058.476.176.667.342l4.201 3.663c.25.217.423.507.496.828l.841 3.68c.031.135.044.267.039.405c-.055 1.325-.447 8.693-2.493 10.17c-1.724 1.245-3.694 1.17-4.522 1.066a1.5 1.5 0 0 1-.692-.273l-2.345-1.658a1.56 1.56 0 0 1-.54-.674l-2.943-7.06a1.6 1.6 0 0 1-.105-.383l-.743-5.274a2 2 0 0 0-.027-.14l-1.707-7.245a1.6 1.6 0 0 1-.04-.417z"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m40.535 55.624l-3.976-1.494a1.6 1.6 0 0 0-1.126 0l-3.977 1.494c-2.2.827-4.548-.8-4.548-3.15v-2.463a6.09 6.09 0 0 1 2.885-5.18l2.381-1.475a7.26 7.26 0 0 1 7.643 0l2.38 1.474a6.09 6.09 0 0 1 2.886 5.181v2.463c0 2.35-2.348 3.977-4.548 3.15"/><ellipse cx="32.183" cy="49.712" rx="2.611" ry="1.607" transform="rotate(-70.567 32.183 49.712)"/><ellipse cx="39.806" cy="49.706" rx="1.607" ry="2.611" transform="rotate(-19.433 39.806 49.705)"/><circle cx="26.083" cy="36.086" r="2"/><circle cx="46.042" cy="36.086" r="2"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M25.833 61.419c-10.083-6.5-5.166-23.167-5.166-23.167c-7.777 2.916-9.022-3.74-10.92-8.206c-.746-1.753-1.075-3.637-1.164-5.539c-.16-3.397-1.613-8.076-2.494-10.639a2 2 0 0 1 2.062-2.642c1.165.1 2.453.51 3.58.967c1.898.77 3.873 1.355 5.908 1.59c8.418.975 9.269 7.302 9.269 7.302s10.57-1.75 17.759.25c0 0 .828-6.91 9.247-7.885c2.035-.235 4.01-.821 5.908-1.59c1.127-.457 2.415-.868 3.58-.967a2 2 0 0 1 2.062 2.642c-.881 2.563-2.334 7.242-2.494 10.639c-.09 1.902-.418 3.786-1.164 5.539c-1.898 4.465-3.144 11.122-10.92 8.206c0 0 4.917 16.667-5.167 23.167"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M30.833 59.336s4.667 4 10.667 0M23.063 26.023s-1.375-6.437-7.188-8s-5.5-2.187-5.5-2.187m37.452 10.187s1.375-6.437 7.187-8s5.5-2.187 5.5-2.187"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. PigFaceIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-SA-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.