Pony アイコン
file-icons:pony
Pony アイコン(file-icons:pony)は、File Icons セットの無料 SVG アイコンです（作者: John Gardner）。 512 × 512 のグリッドで描かれています。 File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- File Icons
- 作者
- John Gardner
- ライセンス
- ISC
- サイズ
- 512 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M254.33 455.614c75.196-1.747 161.414-32.468 235.068-83.46l-15.155-21.888a527 527 0 0 1-27.852 18.014c-29.936-29.07-63.74-91.213-63.74-91.213c4.508-15.777 15.778-65.862 38.942-97.917c3.975-5.501 9.03-5.097 9.03-5.097s5.247 18.264 25.05 17.232c5.613 2.14 12.54 4.605 18.301 7.983c31.888 18.698 37.898-8.348 37.898-8.348c2.499-23.098-32.389-60.77-32.389-60.77s-4.145-10.372-8.685-14.142c-6.538-5.43-20.03-18.247-20.03-18.247c-2.129-7.387-5.009-37.814-14.4-41.445c-14.274 4.382-18.357 18.097-19.658 46.955c-38.155 10.9-69.328 30.537-93.905 60.535c-21.653 26.427-72.108 23.577-103.932 8.082c-21.065-10.257-40.537-22.47-59.143-23.794c-19.05-1.356-33.941 3.39-45.242 11.625l-1.112-.785c-58.692-55.41-97.981-19.863-111.351 41.757C-5.42 235.003 18.533 257.985 0 300.713c31.894 2.928 38.987-28.472 40.22-60.855c.949-24.887-1.821-47.435 8.864-63.964c14.015-21.68 44.731-9.898 52.962-4.058c-20.192 25.922-20.737 65.855-9.388 83.193c20.238 30.92 29.55 25.043 22.037 49.334c-7.043 22.773-17.868 44.672-32.913 69.695a311 311 0 0 1-28.284-24.125l-18.443 19.2c32.648 31.36 69.312 54.561 108.975 68.962c32.396 11.762 74.505 18.35 110.3 17.519m160.858-70.007c-51.412 26.103-103.896 40.884-154.46 43.234c-37.75 1.762-73.957-3.551-107.613-15.771c-17.074-6.2-33.553-14.233-49.355-23.992c24.779-36.717 51.064-80.714 74.346-100.06c5.015-4.167 13.398-.388 16.726 1.572c42.238 24.875 100.598 27.515 151.758 5.51c28.748 40.874 63.531 70.468 68.598 89.507"/></svg>Pony アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:pony" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:pony" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:pony" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--pony]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:pony"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:pony"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/file-icons/pony.svg" alt="Pony アイコン" width="24" height="24">Pony アイコン のよくある質問
Pony アイコンは商用利用でも無料ですか?
はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Pony アイコンを使うには?
@iconify/react をインストールして <Icon icon="file-icons:pony" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pony アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/pony.svg" alt="Pony アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。