Ícone Pug
devicon-plain:pug
O ícone Pug (devicon-plain:pug) é um ícone SVG gratuito da coleção Devicon Plain de konpa. Ele é desenhado em uma grade de 128 × 128. Devicon Plain icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Devicon Plain
- Autor
- konpa
- Licença
- MIT
- Tamanho
- 128 × 128
Código SVG
<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>Como usar o ícone Pug
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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/devicon-plain/pug.svg" alt="Ícone Pug" width="24" height="24">O ícone Pug em outras coleções
Perguntas frequentes sobre Ícone Pug
O ícone Pug é grátis para uso comercial?
Sim. Devicon Plain icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Pug no React?
Instale @iconify/react e renderize <Icon icon="devicon-plain:pug" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Pug a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/devicon-plain/pug.svg" alt="Ícone Pug">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.