Pug icon

file-icons:pug

The Pug icon (file-icons:pug) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC 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: File Icons
Author: John Gardner
License: ISC
Size: 512 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M426.01 122.518c26.77 13.197 87.919 79.957 85.943 84.362c-2.005 4.396-31.186 28.777-39.978 38.369c-19.094 43.82-36.314 75.198-42.498 40.255c-7.03 42.025-22.079 38.346-27.956 58.876c-8.576 42.239-33.25 43.68-44.453 51.565c-10.274 10.274-24.993 4.347-36.353 10.175c-28.855 10.767-97.02 12.67-124.272.395c-14.578-6.284-21.876 3.494-63.025-24.696c-21.922-21.798-15.725-31.713-23.313-46.36c-12.528-21.605-16.965-7.505-26.623-55.774c-2.925 38.97-23.955 18.12-43.337-34.664c0 0-38.121-33.794-40.097-38.14c-2.005-4.406 59.143-71.166 85.943-84.363c75.982-34.45 256.267-33.54 340.02 0M296.16 238.6c41.049 13.904 79.84 58.067 73.434 98.588c0 21.041-1.877 35.266-4.94 44.848c35.05-22.998 19.693-30.392 33.637-52.504c13.16-22.457 15.802-14.236 22.602-44.631c-4.07-30.426-8.002-84.343-12.862-100.445c-4.248-13.83-24.795-42.576-38.052-60.17c-64.646-24.953-192.646-16.953-225.487-.988c-13.237 17.485-34.674 47.22-39.02 61.445c-4.594 15.252-8.767 67.691-12.62 98.71c3.176 29.505 25.432 42.551 28.751 58.17c3.553 25.144 15.033 33.7 30.96 42.29c-3.557-9.78-5.631-24.597-5.631-47.318c-6.64-46.889 38.92-86.79 75.82-98.291c10.203-27.082 65.395-24.58 73.407.296m7.149 113.006c0-28.648-23.48-52.46-41.064-53.893l1.036-42.131c33.97-2.16 30.027-27.032-4.277-28.777c-26.36.228-44.863 24.494-4.417 28.727l-.031 42.033c-17.584 0-40.737 24.284-40.737 53.465c2.74-29.283 25.549-44.43 46.39-43.799c20.303.614 38.627 16.252 43.1 44.375M166.235 210.417c0-7.046-7.68-11.474-13.79-7.95c-6.112 3.522-6.112 12.378 0 15.9c6.11 3.524 13.79-.904 13.79-7.95m-35.998 46.043c-23.392-13.486-23.392-47.384 0-60.87c23.393-13.486 52.792 3.463 52.792 30.435s-29.4 43.92-52.792 30.435m220.212 0c-23.392-13.486-23.392-47.384 0-60.87c23.393-13.486 52.792 3.463 52.792 30.435s-29.4 43.92-52.792 30.435m17.624-46.043c0-7.046-7.68-11.474-13.79-7.95s-6.112 12.378 0 15.9s13.79-.904 13.79-7.95"/></svg>

How to use the Pug icon

React

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

<Icon icon="file-icons:pug" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:pug" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:pug" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--pug]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="file-icons:pug"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/pug.svg" alt="Pug icon" width="24" height="24">

Related icons in File Icons

Pug icon in other icon sets

Pug icon FAQ

Is the Pug icon free for commercial use?

Yes. File Icons are released under the ISC 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="file-icons: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/file-icons/pug.svg" alt="Pug icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →