Pigside icon

fxemoji:pigside

The Pigside icon (fxemoji:pigside) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Firefox OS Emoji
Author: Mozilla
License: Apache-2.0
Size: 512 × 512
Category: Nature

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#E583C9" d="M220.224 412.05c-10.405 0-16.639-72.199-16.639-72.199h11.276l27.196-5.574c-3.967 21.684 2.478 77.773-19.955 77.773zm127.846 0c24.746 0 21.3-53.54 57.068-136.052l-29.029 29.588l-14.707 34.265l-24.125-11.964c18.532 23.43-15.863 84.163 8.343 84.163z"/><path fill="#FFA1E0" d="M486.218 177.001a3.287 3.287 0 0 0-4.621-.504l-.256.206l-.255.205a7 7 0 0 1-.81.543c-.76.424-2.038.963-3.985 1.172c-1.93.221-4.492.086-7.406-.596c-.154-.036-.312-.079-.468-.118q.478-1.072.904-2.165a46.7 46.7 0 0 0 2.385-8.483c.31-1.444.463-2.896.669-4.356c.123-1.455.295-2.925.326-4.387c.085-1.468.079-2.931.064-4.398l-.003-.551l-.005-.387l-.011-.253l-.022-.505l-.033-.588a32 32 0 0 0-.265-2.596c-.492-3.36-1.562-6.916-3.714-10.165c-2.116-3.237-5.439-6.039-9.352-7.366c-3.898-1.358-8.196-1.238-11.91.124c-3.737 1.346-6.871 3.912-8.991 6.939c-2.14 3.035-3.301 6.452-3.793 9.718a28 28 0 0 0-.304 4.819l.054 1.112l.117 1.311c.101.824.23 1.604.395 2.39c.667 3.13 1.894 6.008 3.41 8.525c1.52 2.522 3.316 4.707 5.219 6.601c2.216 2.189 4.56 4 6.93 5.526c-1.327 1.078-2.712 1.895-4.101 2.438c-1.289.5-2.576.797-3.828.956c-1.252.163-2.483.1-3.638.013c-2.326-.27-4.383-.93-6.04-1.652c-.833-.327-1.564-.758-2.193-1.062l-.745-.445l-.328-.188l-.155-.088l-.208-.137l-1.655-1.091a10 10 0 0 0-.373-.231c-49.032-43.786-167.77-53.014-246.224-34.248c-2.255 5.527-3.465 14.581-4.899 24.647c-15.876-7.67-26.43-21.425-26.343-21.42c-31.046 0-43.289 16.378-56.257 33.718c-11.215 15.01-30.479 30.531-55.403 36.941c-5.146 1.321-6.64 4.737-8.453 9.879c-3.491 9.885 3.175 30.886 12.524 37.569c10.731 7.671 27.447 6.983 34.86 6.983c16.308 0 40.437 11.729 50.671 23.006c9.172 10.122 20.417 19.009 33.144 25.841c4.125 38.055 6.731 101.796 19.429 101.796h7.911c10.254 0 22.162-41.563 30.273-77.602c10.876 8.418 32.095 19.029 70.202 19.029c40.214 0 62.378-4.001 78.745-11.405c13.328 33.416 12.905 69.978 24.98 69.978h7.306c8.117 0 17.249-58.414 19.683-71.501a27 27 0 0 1 1.471-5.073c4.516-11.311 30.747-53.354 28.689-111.11l-.001.001c.061-3.448.088-7.004.088-10.677c0-9.508-2.229-18.213-6.32-26.141a27 27 0 0 0 1.657-.252a31.2 31.2 0 0 0 7.517-2.402c4.579-2.128 8.763-5.687 11.941-10.015c4.853 1.206 9.301 1.394 12.905.766c2.842-.475 5.104-1.517 6.524-2.462a14 14 0 0 0 1.562-1.208l.5-.469a3.297 3.297 0 0 0 .313-4.455m-41.49-20.721c-.07-.485-.119-.991-.147-1.463l-.019-.642l.009-.853c.033-1.058.147-2.091.351-3.073c.402-1.968 1.171-3.729 2.248-5.084c1.073-1.354 2.456-2.3 3.93-2.732c1.473-.433 3.002-.35 4.292.195c1.292.548 2.373 1.527 3.189 2.924c.817 1.393 1.329 3.218 1.511 5.227c.047.506.07 1.034.075 1.451l.005.171l-.002.253l-.003.506l-.002.253c-.001-.031.001.159-.002-.054l-.003.057l-.006.115l-.025.458c-.059 1.222-.121 2.435-.262 3.619c-.089 1.197-.304 2.347-.461 3.501c-.235 1.126-.409 2.265-.714 3.333a33 33 0 0 1-2.08 6.05a34 34 0 0 1-.771 1.565c-2.03-1.439-3.987-3.126-5.718-5.067c-2.731-3.06-4.831-6.792-5.395-10.71"/><path fill="#E583C9" d="M161.75 152.812c-13.548-15.005-31.081-20.948-35.022-22.222c-3.266-1.156-6.96-.329-9.219 2.083c-1.228 1.351-.682 2.64.304 4.976c2.044 4.839 7.466 17.693 5.461 30.416c-2.536 16.093 7.817 25.203 29.165 37.38c.359.193.696.356 1.073.502l.126.047c3.701 1.367 7.876-.073 9.947-3.41c.716-1.16 17.391-28.498-1.835-49.772"/><path fill="#FFA1E0" d="M181 143.041c-16.397-18.161-37.619-25.355-42.389-26.896c-3.953-1.399-8.425-.398-11.159 2.521c-1.486 1.636-.826 3.196.368 6.022c2.474 5.857 9.036 21.415 6.61 36.814c-3.069 19.478 9.461 30.505 35.3 45.243c.434.234.843.431 1.299.607l.153.056c4.48 1.654 9.533-.088 12.039-4.127c.866-1.402 21.048-34.491-2.221-60.24"/><path fill="#FFC7EF" d="M52.04 237.627c1.351 12.582 2.457 28.595-4.007 29.29c-6.464.694-18.049-14.194-19.4-26.776s2.793-23.345 9.257-24.039s12.799 8.942 14.15 21.525"/><path fill="#2C3C47" d="M106.676 197.498a7.98 7.98 0 0 1 7.981 7.981v9.81a7.98 7.98 0 0 1-7.981 7.981a7.98 7.98 0 0 1-7.981-7.981v-9.81a7.98 7.98 0 0 1 7.981-7.981"/><path fill="#E583C9" d="M41.134 247.635c-3.611-.08-5.837-17.698-2.226-17.618s5.837 17.698 2.226 17.618"/></svg>

How to use the Pigside icon

React

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

<Icon icon="fxemoji:pigside" width="24" />

Vue

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

<template>
  <Icon icon="fxemoji:pigside" width="24" />
</template>

Svelte

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

<Icon icon="fxemoji:pigside" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--pigside]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:pigside"></div>

Web component

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

<iconify-icon icon="fxemoji:pigside"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/pigside.svg" alt="Pigside icon" width="24" height="24">

Pigside icon FAQ

Is the Pigside icon free for commercial use?

Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.

How do I use the Pigside icon in React?

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

How do I add the Pigside icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/pigside.svg" alt="Pigside icon">, or paste the SVG code inline to style it with CSS.

Browse all Firefox OS Emoji icons →