Pigsnout icon

fxemoji:pigsnout

The Pigsnout icon (fxemoji:pigsnout) 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="#FFA1E0" d="M479.639 207.75c-10.27-76.663-62.234-134.808-216.713-136.491a306 306 0 0 0-4.8-.045c-.291 0-.579.007-.87.008c-.422-.001-.832-.008-1.255-.008c-181.424 0-225.678 75.639-225.678 168.944c0 11.086 1.442 21.918 4.165 32.407c10.27 76.663 62.234 134.808 216.713 136.491c1.597.025 3.195.045 4.8.045c.291 0 .579-.007.87-.008c.422.001.832.008 1.255.008c181.424 0 225.678-75.639 225.678-168.944c0-11.085-1.443-21.917-4.165-32.407"/><path fill="#E583C9" d="M258.125 409.102c-179.932 0-224.933-74.403-225.661-166.65c-.003.341-.017.679-.017 1.02c0 93.305 44.254 197.315 225.678 197.315s225.678-104.009 225.678-197.315c0-.341-.015-.68-.017-1.02c-.727 92.246-45.728 166.65-225.661 166.65"/><path fill="#E583C9" d="M185.939 223.302c0 32.818-17.813 59.422-39.786 59.422s-39.786-26.604-39.786-59.422s17.813-59.422 39.786-59.422s39.786 26.605 39.786 59.422m179.909-59.422c-21.973 0-39.786 26.604-39.786 59.422s17.813 59.422 39.786 59.422s39.786-26.604 39.786-59.422s-17.813-59.422-39.786-59.422"/><path fill="#2B3B47" d="M185.939 242.792c0 32.818-17.813 59.422-39.786 59.422s-39.786-26.604-39.786-59.422s17.813-59.422 39.786-59.422s39.786 26.604 39.786 59.422m179.909-59.422c-21.973 0-39.786 26.604-39.786 59.422s17.813 59.422 39.786 59.422s39.786-26.604 39.786-59.422s-17.813-59.422-39.786-59.422"/></svg>

How to use the Pigsnout icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Pigsnout icon FAQ

Is the Pigsnout 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 Pigsnout icon in React?

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

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

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

Browse all Firefox OS Emoji icons →