Pig icon
vs:pig
The Pig icon (vs:pig) is a free SVG icon from the Vesper Icons set by TableCheck. It is drawn on a 1792 × 1792 grid. Vesper Icons are released under the Open Font 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
- Vesper Icons
- Author
- TableCheck
- License
- OFL-1.1
- Size
- 1792 × 1792
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1792" height="1792" viewBox="0 0 1792 1792"><path fill="currentColor" d="M768 1536q50 5 128 5t128-5q-2 42 0 139q1 15 0 31t1 31.5t6 27.5t15.5 19.5t30.5 7.5h94q35 0 55.5-12t42.5-43l236-339q103-96 168.5-250t65.5-270q0-41-4.5-79t-17.5-79.5t-18-58t-25-63t-20-47.5q13-41 47-138.5t61-176.5t30-98q-5-5-24.5-25.5t-26-26t-27-22t-34-22T1641 26t-51.5-15t-62.5-7.5t-80-3.5q-64 0-108.5 19T1275 61.5t-43.5 58.5t-44.5 53q-140-46-291-46t-291 46q-20-18-44.5-53T517 61.5T453.5 19T345 0q-43 0-80 3.5T202.5 11T151 26t-39.5 16.5t-34 22t-27 22t-26 26T0 138q3 19 30 98t61 176.5T138 551q0 1-20 47.5t-25 63t-18 58T57.5 799T53 878q0 116 65.5 270T287 1398l236 339q22 31 42.5 43t55.5 12h94q19 0 30.5-7.5T761 1765t6-27.5t1-31.5t0-31q2-97 0-139m-203-467q0-62 28.5-111.5t75-80.5t106-47.5T896 813t121.5 16.5t106 47.5t75 80.5T1227 1069t-28.5 111.5t-75 80.5t-106 47.5T896 1325t-121.5-16.5t-106-47.5t-75-80.5T565 1069m469-104q-29 0-49 26.5t-20 63.5t20 63.5t49 26.5t49-26.5t20-63.5t-20-63.5t-49-26.5m170-456q29 0 50 15t21 36v118q0 23-23 37t-48 14q-29 0-50-15t-21-36V560q0-24 22.5-37.5T1204 509M758 965q-29 0-49 26.5t-20 63.5t20 63.5t49 26.5t49-26.5t20-63.5t-20-63.5t-49-26.5M588 509q26 0 48.5 13.5T659 560v118q0 21-21 36t-50 15q-25 0-48-14t-23-37V560q0-21 21-36t50-15"/></svg>
How to use the Pig icon
React
import { Icon } from "@iconify/react";
<Icon icon="vs:pig" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vs:pig" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vs:pig" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--pig]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:pig"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vs:pig"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/vs/pig.svg" alt="Pig icon" width="24" height="24">
Pig icon in other icon sets
Pig icon FAQ
Is the Pig icon free for commercial use?
Yes. Vesper Icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Pig icon in React?
Install @iconify/react and render <Icon icon="vs:pig" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Pig icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/vs/pig.svg" alt="Pig icon">, or paste the SVG code inline to style it with CSS.
Browse all Vesper Icons →
ICONYZ
