Pug icon
devicon:pug
The Pug icon (devicon:pug) is a free SVG icon from the Devicon set by konpa. It is drawn on a 128 × 128 grid. Devicon icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#efcca3" d="M107.296 50.9c-.2-4.4.4-8.3-1.598-11.6c-4.796-8.2-16.784-13-40.76-13v.7h-.5h.5v-.7c-23.977 0-36.565 4.8-41.36 13.1c-1.899 3.4-1.699 7.2-1.999 11.6c-.2 3.5-1.798 7.2-1.099 11.2c.8 5.2 1.1 10.4 1.899 15.2c.599 3.9 5.994 7.2 6.493 10.9c1.399 10.2 11.989 14.9 35.965 14.9v.8h-.599h.7v-.8c23.976 0 34.166-4.7 35.465-14.9c.5-3.8 5.495-7 6.094-10.9c.8-4.8 1.099-10 1.898-15.2c.7-4-.899-7.8-1.099-11.3"/><path fill="#ccac8d" d="M64.538 54.5c4.296.1 7.293 2.8 10.09 5.3c3.297 2.9 8.891 4.9 11.19 7.4c2.297 2.5 5.294 5 6.393 8.9S93.61 85 93.61 86.3s.699 1 2.697 0c4.695-2.3 9.89-8.5 9.89-8.5c-.6 3.9-5.694 7.4-6.194 11.1C98.805 99.1 88.914 104 64.438 104h-.1h.6"/><path fill="#ccac8d" d="M80.322 46.7c.9 3.1 4.096 13.6-2.098 10.1c0 0 2.598 1.5 4.196 7.2c1.699 5.7 5.795 6.4 5.795 6.4s6.693 1.3 11.688-3c4.196-3.6 4.896-10 3.097-14.9c-1.798-4.8-4.995-6.3-9.69-7.3c-4.696-1.1-14.087-2-12.988 1.5"/><path d="M101.002 58.1a8.791 8.8 0 0 1-8.791 8.8a8.791 8.8 0 0 1-8.791-8.8a8.791 8.8 0 0 1 8.791-8.8a8.791 8.8 0 0 1 8.791 8.8"/><path fill="#fff" d="M92.211 54.2a2.298 2.3 0 0 1-2.298 2.3a2.298 2.3 0 0 1-2.298-2.3a2.298 2.3 0 0 1 2.298-2.3a2.298 2.3 0 0 1 2.298 2.3"/><path fill="#efcca3" d="M78.824 57.7s7.892 5.4 12.188 10.7s4.196 6.3 4.196 6.3l-3.097 1.4s-4.396-8.3-9.79-11.4c-5.495-3.1-6.095-5.7-6.095-5.7z"/><path fill="#ccac8d" d="M64.837 54.5c-4.295.1-7.492 2.8-10.39 5.3c-3.296 2.9-9.09 4.9-11.389 7.4c-2.297 2.5-5.394 5-6.493 8.9s-1.499 8.9-1.499 10.2s.2 1.4-2.697 0c-4.696-2.2-9.89-8.5-9.89-8.5c.599 3.9 5.694 7.4 6.193 11.1c1.4 10.2 11.29 15.1 35.766 15.1h.5"/><path fill="#56332b" d="M88.015 71.4C83.22 65.5 75.527 60 64.837 60h-.1c-10.69 0-18.382 5.5-23.177 11.4c-4.995 6.1-4.596 8.5-4.596 14.3c0 21 7.393 15 12.288 17.6c4.996 2.5 10.19 1.7 15.486 1.7h.1c5.394 0 10.49.7 15.484-1.8c4.896-2.5 12.289 3.7 12.289-17.3c.1-5.8.4-8.4-4.596-14.5"/><path fill="#442823" d="M64.338 65.2s-.7 9.7-2.098 11.6l2.597-.6z"/><path fill="#442823" d="M65.037 65.2s.7 9.7 2.098 11.6l-2.597-.6z"/><path fill="#56332b" d="M56.645 62.9c-.999-2.3 2.598-6 8.292-6.1c5.695 0 9.291 3.7 8.292 6.1s-4.595 3.1-8.292 3.2c-3.596-.1-7.293-.8-8.292-3.2"/><path d="M64.937 65.2c0-.4 3.397-.5 5.195-1.7c0 0-3.696 1.2-4.495.7c-.8-.4-1-1.6-1-1.6s-.3 1.2-.899 1.6c-.699.4-4.895-.7-4.895-.7s5.595 1.4 5.595 1.7s-.1 1.3-.1 2c0 2.5 0 8.7.4 9.2c.599.9.4-6.7.4-9.2c-.1-.8-.1-1.6-.2-2z"/><path fill="#331712" d="M65.137 78.6c1.698 0 4.696 1.2 7.393 3.1c-2.598-2.9-5.695-4.9-7.393-4.9c-1.798 0-5.594 2.2-8.292 5.4c2.797-2.2 6.394-3.6 8.292-3.6"/><path fill="#442823" d="M54.947 85s-2.498 7.5-.8 10.8l-2.297-1s1.698-7.6 3.097-9.8m19.781 0s2.497 7.5.8 10.8l2.297-1s-1.798-7.6-3.097-9.8"/><path fill="#ccac8d" d="M48.553 46.7c-.899 3.1-4.096 13.6 2.098 10.1c0 0-2.597 1.5-4.196 7.2s-5.794 6.4-5.794 6.4s-6.694 1.3-11.689-3c-4.196-3.6-4.895-10-3.097-14.9s4.995-6.3 9.69-7.3c4.696-1.1 13.987-2 12.988 1.5"/><path d="M64.837 76.8c2.698 0 11.09 5.8 11.19 12.9v-.4c0-7.4-6.794-13.3-11.19-13.3c-4.395 0-11.189 6-11.189 13.3v.4c.1-7.1 8.492-12.9 11.19-12.9z"/><path fill="#331712" d="M67.418 61.302a1.5.799 75.564 0 1-.4 1.652a1.5.799 75.564 0 1-1.148-1.252a1.5.799 75.564 0 1 .4-1.653a1.5.799 75.564 0 1 1.148 1.253m-4.328.442a.799 1.5 17.208 0 1-1.207 1.195a.799 1.5 17.208 0 1-.319-1.67a.799 1.5 17.208 0 1 1.207-1.195a.799 1.5 17.208 0 1 .32 1.67z"/><path d="M45.955 58.1a8.791 8.8 0 0 1-8.791 8.8a8.791 8.8 0 0 1-8.791-8.8a8.791 8.8 0 0 1 8.791-8.8a8.791 8.8 0 0 1 8.791 8.8"/><path fill="#fff" d="M41.76 54.2a2.298 2.3 0 0 1-2.298 2.3a2.298 2.3 0 0 1-2.298-2.3a2.298 2.3 0 0 1 2.298-2.3a2.298 2.3 0 0 1 2.298 2.3"/><path fill="#331712" d="M67.435 58.2c0-.1-2.298 1-2.897 1.1c-.6-.1-2.897-1.2-2.897-1.1z"/><path fill="#efcca3" d="M49.952 57.7s-7.893 5.4-12.188 10.7s-4.196 6.3-4.196 6.3l3.097 1.4s4.395-8.3 9.79-11.4S52.55 59 52.55 59z"/><path fill="#ccac8d" d="M32.669 41.7s-2.698 7.4-8.692 10.5c0 0 9.39-1.1 8.692-10.5m63.039 0s2.697 7.4 8.691 10.5c0 0-9.39-1.1-8.691-10.5M78.624 55.5s-5.894-6.2-13.787-6.4h.2c-7.992.2-13.786 6.4-13.786 6.4c6.893-4.8 12.787-4.7 13.786-4.7c-.1 0 6.694-.1 13.587 4.7m-6.894-13s-2.996-4.2-6.992-4.3h.2c-2.998.1-6.894 4.3-6.894 4.3c3.397-3.3 6.893-3.2 6.893-3.2s3.297-.1 6.794 3.2zM37.164 73.2s-4.695 2.3-8.092.9h-.1c-2.997-1.7-4.496-6.8-4.496-6.8s2.998 9 12.688 5.9m54.747 0s4.696 2.3 8.092.9c3.996-1.7 4.596-6.8 4.596-6.8s-2.997 9-12.688 5.9"/><path fill="#ccac8d" d="M42.559 41.2c2.597-.5 6.893-.6 10.29.5c4.296 1.5.8 7 1.698 7.3c.9.3 2.098-3.8 10.09-3.4c8.093.4 8.992 4 10.09 3.4c1.1-.6-1.098-10 10.99-7.8c0 0-12.688-3.4-12.088 5.8c0 0-7.293-5.6-17.483-.6c.1 0 2.697-8.6-13.587-5.2m44.257 0c.2 0 .3.1.4.1s-.1-.1-.4-.1M39.062 28.9s-10.79 13.6-12.388 18.8c-1.598 5.3-2.797 27-4.196 30.1l-4.995-21.4l9.191-22.3Zm50.751 0s10.79 13.6 12.388 18.8c1.599 5.3 2.798 27 4.196 30.1l4.995-21.4l-9.19-22.3z"/><path fill="#56332b" d="M89.314 28.9s11.588 9.7 14.985 20.9s1.998 24.8 4.596 26.5c3.696 2.4 7.892-11.9 9.29-13.4c2.199-2.4 9.492-8.5 9.991-9.6c.5-1.1-14.786-17.8-21.48-21.1c-8.091-3.8-18.082-4.1-17.382-3.3"/><path fill="#442823" d="M99.204 34.9s13.687 17.5 13.487 39.3l5.495-11.2c-.1 0-4.896-14.3-18.982-28.1"/><path fill="#56332b" d="M39.062 28.9s-11.588 9.7-14.985 20.9s-1.998 24.8-4.597 26.5c-3.696 2.4-7.892-11.9-9.29-13.4C7.991 60.5.7 54.4.2 53.3s14.786-17.8 21.48-21.1c8.091-3.8 18.082-4.1 17.382-3.3"/><path fill="#442823" d="M29.172 34.9S15.485 52.4 15.685 74.2L10.29 63s4.796-14.3 18.882-28.1"/><path fill="#ccac8d" d="M21.78 74.6s.998 5.4 2.597 7.1s.5-1.3.5-1.3s-1.7-.9-1.4-7.8s-1.698 2-1.698 2zm85.217 0s-1 5.4-2.598 7.1s-.5-1.3-.5-1.3s1.699-.9 1.4-7.8s1.698 2 1.698 2"/><path fill="#442823" d="M55.246 70.5a.799.8 0 0 1-.799.8a.799.8 0 0 1-.799-.8a.799.8 0 0 1 .799-.8a.799.8 0 0 1 .799.8m-4.595 4.8a.799.8 0 0 1-.799.8a.799.8 0 0 1-.799-.8a.799.8 0 0 1 .799-.8a.799.8 0 0 1 .799.8m-1.499-4.8a.799.8 0 0 1-.799.8a.799.8 0 0 1-.799-.8a.799.8 0 0 1 .799-.8a.799.8 0 0 1 .799.8m25.576 0a.799.8 0 0 1-.799.8a.799.8 0 0 1-.799-.8a.799.8 0 0 1 .799-.8a.799.8 0 0 1 .799.8m4.595 4.8a.799.8 0 0 1-.799.8a.799.8 0 0 1-.799-.8a.799.8 0 0 1 .799-.8a.799.8 0 0 1 .799.8m1.499-4.8a.799.8 0 0 1-.799.8a.799.8 0 0 1-.799-.8a.799.8 0 0 1 .799-.8a.799.8 0 0 1 .799.8"/></svg>How to use the Pug icon
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:pug" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:pug" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:pug" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--pug]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:pug"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:pug"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/devicon/pug.svg" alt="Pug icon" width="24" height="24">Pug icon in other icon sets
Pug icon FAQ
Is the Pug icon free for commercial use?
Yes. Devicon icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Pug icon in React?
Install @iconify/react and render <Icon icon="devicon:pug" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Pug icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/devicon/pug.svg" alt="Pug icon">, or paste the SVG code inline to style it with CSS.