Pug アイコン
devicon-plain:pug
Pug アイコン(devicon-plain:pug)は、Devicon Plain セットの無料 SVG アイコンです（作者: konpa）。 128 × 128 のグリッドで描かれています。 Devicon Plain icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Devicon Plain
- 作者
- konpa
- ライセンス
- MIT
- サイズ
- 128 × 128
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>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 コンポーネント
<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 画像
<img src="https://iconyz.com/api/public/svg/devicon-plain/pug.svg" alt="Pug アイコン" width="24" height="24">他のアイコンセットの Pug アイコン
Pug アイコン のよくある質問
Pug アイコンは商用利用でも無料ですか?
はい。Devicon Plain icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Pug アイコンを使うには?
@iconify/react をインストールして <Icon icon="devicon-plain:pug" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pug アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/devicon-plain/pug.svg" alt="Pug アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。