Pig Face icon

openmoji:pig-face

The Pig Face icon (openmoji:pig-face) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: OpenMoji
Author: OpenMoji
License: CC-BY-SA-4.0
Size: 72 × 72
Category: Animals Nature
Tags: pigface

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" 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="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 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="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 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="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 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>

How to use the Pig Face icon

React

import { Icon } from "@iconify/react";

<Icon icon="openmoji:pig-face" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="openmoji:pig-face" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="openmoji:pig-face" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--pig-face]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:pig-face"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="openmoji:pig-face"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/openmoji/pig-face.svg" alt="Pig Face icon" width="24" height="24">

Related icons in OpenMoji

Pig Face icon in other icon sets

Pig Face icon FAQ

Is the Pig Face icon free for commercial use?

Yes. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.

How do I use the Pig Face icon in React?

Install @iconify/react and render <Icon icon="openmoji:pig-face" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Pig Face icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/openmoji/pig-face.svg" alt="Pig Face icon">, or paste the SVG code inline to style it with CSS.

Browse all OpenMoji icons →