Cpan アイコン
file-icons:cpan
Cpan アイコン(file-icons:cpan)は、File Icons セットの無料 SVG アイコンです（作者: John Gardner）。 496 × 512 のグリッドで描かれています。 File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- File Icons
- 作者
- John Gardner
- ライセンス
- ISC
- サイズ
- 496 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="496" height="512" viewBox="0 0 496 512"><path fill="currentColor" d="M445.505 399.407c7.15 6.128 12.075 15.215 14.495 19.03l29.831-30.63c12.145-11.132 1.216-29.134 1.216-29.134L313.94 130.965c-4.048-31.373 3.391-31.716 13.156-49.59c7.188-13.156 5.199-22.314-2.132-26.193c-17.476 35.89-82.541 171.252-82.541 171.252L64.152 405.254l-13.34-6.1c70.837-70.035 156.11-154.45 178.625-176.35c-13.504 1.342-18.085 4.264-17.457-6.25L303.37 54.56c-6.716-.615-11.884-9.79-15.8-20.584l-87.603 149.548L35.27 359.748c-5.057 5.408-13.188-2.197-8.13-7.604L191.041 176.87l92.095-157.357c-3.21-18.636-7.87-25.884-19.798-13.028l-159.901 184.19L2.234 353.613c-6.89 28.633 1.159 35.552 38.241 61.046c6.868 4.722 16.453 7.102 27.466 3.752l4.981 61.915l13.906 13.905L378.078 512s22.403-18.541 39.4-36.31c16.995-17.768 9.27-19.313 3.862-25.494c-5.408-6.18-5.408-26.266-5.408-37.854c-.307-9.592 18.568-24.217 29.573-12.935m-25.857-27.178c.645 4.088.462 8.908-.136 13.736l-241.184-3.678C114.51 409.44 142.2 397.892 83.472 410.15c16.424-10.996 27.556-39.333 73.266-81.838c48.622-44.372 110.725-99.756 119.42-128.866c100.866 136.625 140.336 153.155 143.49 172.783"/></svg>Cpan アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:cpan" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:cpan" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:cpan" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--cpan]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:cpan"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:cpan"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/file-icons/cpan.svg" alt="Cpan アイコン" width="24" height="24">Cpan アイコン のよくある質問
Cpan アイコンは商用利用でも無料ですか?
はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cpan アイコンを使うには?
@iconify/react をインストールして <Icon icon="file-icons:cpan" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cpan アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/cpan.svg" alt="Cpan アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。