Pug icon
devicon-plain:pug
The Pug icon (devicon-plain:pug) is a free SVG icon from the Devicon Plain set by konpa. It is drawn on a 128 × 128 grid. Devicon Plain 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.
- Icon set
- Devicon Plain
- Author
- konpa
- License
- MIT
- Size
- 128 × 128
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="currentColor" d="M64.55 24.486c-10.733.1-19.277 1.026-25.898 2.925c-1.678-.46-10.155.281-17.127 3.68C14.82 34.293-.488 51.003.012 52.103s7.905 7.204 10.006 9.606c1.4 1.6 5.604 15.91 9.306 13.408c.889-.58 1.299-2.62 1.605-5.41c.248 2.208.495 4.385.8 6.483v.004c.331 2.15 1.885 3.992 3.349 5.77c1.463 1.775 2.834 3.488 3.056 5.127c.72 5.256 3.815 9.175 9.705 11.675c.878.372 1.84.706 2.845 1.02c1.756 1.261 3.873 1.157 5.887 1.383q.603.104 1.229.198c.46.11.912.246 1.34.465c4.903 2.501 10.207 1.5 15.51 1.5h.1c5.403 0 10.506.902 15.509-1.6c.259-.13.529-.223.799-.31q1.257-.18 2.507-.41c1.847-.136 3.717-.169 5.28-1.338a29 29 0 0 0 2.432-.91c5.806-2.502 8.77-6.425 9.49-11.673v-.002c.224-1.7 1.546-3.406 2.959-5.17c1.411-1.76 2.912-3.58 3.242-5.72q.294-1.8.514-3.61c.28 1.27.649 2.172 1.194 2.528c3.702 2.401 7.905-11.807 9.306-13.408c2.201-2.402 9.506-8.505 10.006-9.606s-14.71-17.81-21.413-21.012c-6.295-3.069-13.748-3.956-16.387-3.764c-11.502-3.194-24.303-2.853-25.638-2.84zm-.006.993c10.687 0 18.955 1.043 25.242 2.772c1.645 1.43 11.26 10.077 14.287 20.35c2.031 6.893 2.32 14.673 2.848 20.053c-.274 2.536-.546 5.013-.94 7.381v.006c-.271 1.761-1.621 3.49-3.035 5.253c-1.414 1.764-2.894 3.563-3.17 5.664c-.68 4.956-3.32 8.486-8.896 10.887c-.191.083-.413.151-.612.23c1.386-2.205 2.299-6.174 2.299-13.554c0-5.803.4-8.304-4.603-14.307c-3.496-4.28-8.425-8.245-14.807-10.174c-.733-2.052-3.887-4.335-8.306-4.335c-4.379 0-7.518 2.18-8.286 4.237c-6.601 1.906-11.636 5.98-15.128 10.272c-4.803 5.903-4.602 8.504-4.602 14.307c0 7.498.952 11.494 2.388 13.694c-.329-.125-.683-.238-.993-.37c-5.666-2.404-8.425-5.94-9.105-10.889c-.278-2.064-1.812-3.852-3.274-5.628c-1.462-1.774-2.86-3.53-3.13-5.283c-.517-3.545-.872-7.329-1.349-11.18c.394-4.917.914-10.858 2.554-16.264c2.889-9.514 11.29-17.563 13.882-19.892c6.626-2.074 15.448-3.223 26.742-3.223c.559.009-.004-.005-.006-.007m22.218 14.416l.401.1zm-49.828 8.206a8.805 8.805 0 1 0 0 17.61q.751-.021 1.487-.168c-.41.45-.809.901-1.176 1.354c-2.161 2.665-3.227 4.257-3.762 5.21c-.267.477-.403.793-.475 1.013q-.044.131-.066.267c-.01.071-.008.178-.008.178l.03.288l3.792 1.712l.22-.415s1.085-2.046 2.84-4.48c1.756-2.435 4.187-5.244 6.772-6.728c2.746-1.577 4.323-3.038 5.216-4.13a7.5 7.5 0 0 0 .89-1.322c.167-.323.232-.553.232-.553l.106-.395l-3.23-1.616l-.243.166s-1.8 1.23-4.153 3.092c.21-.742.322-1.508.332-2.279a8.805 8.805 0 0 0-8.804-8.804m55.132 0a8.805 8.805 0 0 0-8.806 8.804c.004.903.147 1.8.424 2.66c-2.596-2.076-4.643-3.473-4.643-3.473l-.248-.168l-.266.137l-2.857 1.487l.104.39s.066.228.232.552c.167.324.442.776.89 1.321c.893 1.09 2.47 2.554 5.215 4.131c2.586 1.484 5.018 4.293 6.774 6.727c1.755 2.435 2.84 4.481 2.84 4.481l.22.415l3.791-1.712l.03-.288s.003-.107-.008-.178a2 2 0 0 0-.066-.267c-.072-.22-.207-.536-.475-1.013c-.536-.953-1.6-2.545-3.762-5.21l-.002-.004l-.002-.002c-.39-.469-.811-.937-1.245-1.403c.61.14 1.234.215 1.86.223a8.805 8.805 0 1 0 0-17.61m-52.832 2.601a2.301 2.301 0 1 1 .004 4.602a2.301 2.301 0 0 1-.004-4.602m50.632 0a2.301 2.301 0 1 1-.002 4.602a2.301 2.301 0 0 1 .002-4.602m-39.971 6.39l1.903.95c-.134.26-.367.648-.768 1.136c-.806.984-2.282 2.37-4.94 3.897c-2.818 1.617-5.29 4.514-7.086 7.008c-1.641 2.276-2.487 3.877-2.66 4.2l-2.296-1.038c.059-.15.118-.309.308-.647c.49-.873 1.526-2.434 3.667-5.07q1.093-1.33 2.312-2.542a8.8 8.8 0 0 0 4.291-3.88a83 83 0 0 1 5.269-4.015zm28.816.003a87 87 0 0 1 5.953 4.577a8.8 8.8 0 0 0 3.404 3.058a37 37 0 0 1 2.613 2.8c2.137 2.634 3.175 4.196 3.664 5.068c.19.338.248.496.307.647l-2.296 1.037c-.175-.322-1.02-1.923-2.66-4.2c-1.797-2.493-4.269-5.39-7.086-7.007c-2.658-1.526-4.133-2.912-4.94-3.897a6.6 6.6 0 0 1-.773-1.14zm-12.44 1.637c.41-.004.858.539 1.046 1.27c.207.802.028 1.542-.4 1.652c-.429.112-.944-.45-1.151-1.255c-.207-.802-.028-1.543.4-1.653a.4.4 0 0 1 .106-.014zm-3.695.078c.423.13.566.88.32 1.671c-.245.792-.787 1.329-1.209 1.198c-.422-.13-.566-.878-.32-1.67c.245-.793.787-1.33 1.21-1.199zm2.308 6.098c.026.33.073.675.166 1.002c0 2.043.134 7.487-.144 8.926c4.405.22 10.952 6.122 10.952 13.29v.397c-.102-7.104-8.508-12.905-11.208-12.905c-2.602 0-11.006 5.702-11.206 12.906v-.398c0-7.25 6.701-13.214 11.106-13.3c-.3-1.342-.3-6.645-.3-8.915c0-.303.02-.662.042-.996q.28.001.56-.004zM48.14 68.412a.8.8 0 1 1 .002 1.6a.8.8 0 0 1-.002-1.6m6.205 0a.8.8 0 1 1-.001 0zm19.41 0a.8.8 0 1 1 .002 1.6a.8.8 0 0 1-.002-1.6m6.205 0a.8.8 0 1 1-.001 0zm-30.22 4.903a.8.8 0 1 1-.799.801a.8.8 0 0 1 .8-.8zm28.619 0a.8.8 0 1 1 0 1.598a.8.8 0 0 1 0-1.597z"/></svg>How to use the Pug icon
React
import { Icon } from "@iconify/react";
<Icon icon="devicon-plain:pug" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon-plain:pug" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon-plain:pug" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon-plain--pug]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon-plain -->
<div class="i-devicon-plain:pug"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon-plain:pug"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/devicon-plain/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 Plain 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-plain: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-plain/pug.svg" alt="Pug icon">, or paste the SVG code inline to style it with CSS.