Pod アイコン
file-icons:pod
Pod アイコン(file-icons:pod)は、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="M199.77 496.855H35.407C15.933 496.855 0 480.922 0 461.448V36.568C0 17.094 15.933 1.16 35.407 1.16h265.55l123.924 123.924v97.343c-30.298-18.804-28.687-16.387-35.407-40.08v-39.56l-106.22-106.22H35.407v424.88H169.02c9.746 14.8 18.867 25.423 30.75 35.407M266.065 213.6H70.813v35.407h144.398c14.513-11.316 31.67-23.16 50.854-35.407M145.23 355.228H70.813v35.407h72.904c-.941-12.402-.655-24.295 1.514-35.407M70.813 107.381v35.407H212.44V107.38zm108.063 177.034H70.813v35.407h85.653c5.726-12.096 12.836-23.96 22.41-35.407m132.402-138.41c.478-2.748 11.567 3.469 11.567 8.73c-.163 23.042-2.136 40.073-3.64 51.878c-3.325 30.498-44.923 64.674-82.289 117.41c-37.221 55.444-18.078 116.958 38.428 160.547c9.84 7.59 35.846 13.947 32.819 22.152c-5.412 9.518-63.439-11.4-93.255-45.898c-38.543-44.595-67.66-132.58 58.834-209.485c11.796-11.313 22.56-16.529 34.204-47.581c2.532-6.752 3.884-32.762 3.332-57.752m23.36-23.738c2.657.848 9.039 4.981 10.607 8.38c2.496 9.918 1.555 100.59-2.52 117.322c-3.53 34.068-55.823 74.878-51.901 133.788c4.696 70.552 49.523 96.221 45.685 113.005c-14.188 10.113-79.14-60.276-77.483-117.638c-.22-68.502 60.083-80.652 71.172-151.2c2.437-25.108 2.09-89.549 4.44-103.657m15.425 367.717c-31.018-62.637-28.484-123.814-8.896-179.443c10.969-30.556 24.288-50.144 15.865-148.275c0 0 10.636-.606 11.047 4.058c.17 56.37.37 56.603 44.557 84.81c38.408 24.002 90.45 55.78 97.756 105.01c9.55 64.355-23.482 120.017-97.756 150.465c-25.123 13.851-14.151-10.202-62.573-16.625"/></svg>Pod アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:pod" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:pod" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:pod" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--pod]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:pod"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:pod"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/file-icons/pod.svg" alt="Pod アイコン" width="24" height="24">他のアイコンセットの Pod アイコン
Pod アイコン のよくある質問
Pod アイコンは商用利用でも無料ですか?
はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Pod アイコンを使うには?
@iconify/react をインストールして <Icon icon="file-icons:pod" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pod アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/pod.svg" alt="Pod アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。