Pandacss アイコン
thesvg-color:pandacss
Pandacss アイコン(thesvg-color:pandacss)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 256 × 259 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 256 × 259
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="259" viewBox="0 0 256 259"><path fill="#f6e458" d="M0 29.642C0 13.272 13.271 0 29.642 0h196.716C242.728 0 256 13.271 256 29.642v199.41c0 16.372-13.271 29.643-29.642 29.643H29.642C13.272 258.695 0 245.424 0 229.052z"/><path d="M164.056 57.825c-14.124-4.057-28.53-4.609-43.212-3.296c-8.216.854-16.114 2.485-23.732 5.347C80.644 66.06 68.28 76.774 60.908 92.904c-5.286 11.564-7.196 23.848-7.395 36.452c-.21 13.32 1.459 26.455 4.11 39.478c2.405 11.804 5.607 23.377 10.179 34.55c.434 1.06.975 1.418 2.135 1.416c14.461-.031 28.923-.031 43.385-.031h12.843c.328 0 .656-.019 1.033-.04q.286-.016.622-.031l-.238-.575a20 20 0 0 0-.407-.953c-1.045-2.237-2.113-4.464-3.18-6.692c-2.316-4.832-4.63-9.664-6.724-14.591c-6.351-14.94-11.215-30.324-12.699-46.608c-.654-7.185-.564-14.329 1.43-21.33c2.278-8.003 7.168-13.652 15.274-16.014c7.445-2.168 14.993-2.154 22.396.24c6.608 2.137 10.916 6.65 12.748 13.408c1.408 5.19 1.407 10.436.343 15.669c-.82 4.028-2.47 7.705-5.441 10.645c-5.33 5.275-11.985 6.489-19.126 6.084c-1.27-.072-2.537-.21-3.842-.355q-.916-.1-1.864-.197q.025.302.038.562c.018.343.034.64.104.925c.305 1.223.595 2.451.885 3.679c.699 2.958 1.397 5.915 2.295 8.81a170 170 0 0 0 6.14 16.654c16.577-1.294 31.843-5.414 48.047-15.141c.244-.154.465-.292.687-.43c6.96-4.333 12.593-9.954 16.478-17.213c6.291-11.754 7.518-24.324 5.649-37.299c-1.93-13.39-7.938-24.63-18.283-33.445c-7.174-6.115-15.47-10.12-24.474-12.706"/></svg>Pandacss アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:pandacss" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:pandacss" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:pandacss" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--pandacss]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:pandacss"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:pandacss"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/pandacss.svg" alt="Pandacss アイコン" width="24" height="24">他のアイコンセットの Pandacss アイコン
Pandacss アイコン のよくある質問
Pandacss アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Pandacss アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:pandacss" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pandacss アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/pandacss.svg" alt="Pandacss アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。