Pinecone アイコン
thesvg:pinecone
Pinecone アイコン(thesvg:pinecone)は、theSVG セットの無料 SVG アイコンです（作者: thesvg.org）。 220 × 220 のグリッドで描かれています。 theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 220 × 220
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="220" height="220" viewBox="0 0 220 220"><path fill="currentColor" fill-rule="evenodd" d="M127 6.4c-2.1-2.5-5.6-3.1-8.4-1.5L116 6.3L87.7 22.4L94.3 34l18.4-10.5l-4.5 24.6l13.1 2.4l4.6-24.7L139.5 42l10.2-8.6l-20.6-24.6h-.1zM87.3 213.9c6.8 0 12.3-5.4 12.3-12s-5.5-12-12.3-12s-12.3 5.4-12.3 12c-.1 6.6 5.5 12 12.3 12m16.5-65.9l-4.4 24.7l-13.2-2.4l4.4-24.6l-18.4 10.6l-6.7-11.6l28.1-16.1l2.6-1.5c2.8-1.6 6.3-1 8.4 1.5l2 2.4l20.9 24.5l-10.2 8.7zm10.7-59l-4.4 24.7l-13.2-2.4l4.4-24.5L83 97.3l-6.6-11.6l28-16v-.2h.2l2.6-1.5c2.8-1.6 6.3-1 8.4 1.5l2 2.3l20.8 24.6l-10.2 8.7zm-86.3 97.6h-.1l-2.7-.8c-2.9-.8-4.8-3.6-4.6-6.6l2.4-33.4l12.7.9l-1.5 20.3l19.7-13.4l7.1 10.5l-19.3 13.1l19.7 5.7l-3.5 12.2zm130.7 13.8l-.9 2.9c-.9 2.8-3.5 4.7-6.5 4.5l-2.8-.2l-.2.1l-.1-.1l-31-2.1l.8-12.7l20.6 1.4l-13.5-18.9l10.3-7.4l13.8 19.4l6-19.6l12.1 3.7zm36.4-68.8l1.5 2.7c1.5 2.7.9 6.1-1.5 8.1l-2.2 1.9v.1h-.1l-24.1 20.4l-8.4-9.9l15.8-13.4l-23.7-4.2l2.3-12.8l23.9 4.2l-10-18l11.3-6.3zm-24.5-55.8l-21.4 11.5l-6.2-11.4l21.1-11.3l-19.3-7.9l4.9-12l29.4 11.9l.1-.1l.1.2l2.7 1.1a6.6 6.6 0 0 1 4 7.2l-.5 3l-5.5 30.5l-12.8-2.3zM27.2 102.6l23.8 4l-2.2 12.8l-24-4.1l10.2 18l-11.3 6.4l-15.4-27.1l-1.5-2.6c-1.5-2.7-.9-6.1 1.4-8.1l2.2-1.9v-.1h.1l23.8-20.5l8.5 9.9zm35.9-55.4l15.8 17.6l-9.7 8.7l-16.2-18L49.3 76l-12.8-2.3l5.6-30.4l.6-3.1c.5-3 3.1-5.2 6.1-5.3l2.8-.1l.1-.1l.1.1l31.8-1.3l.5 13z" clip-rule="evenodd"/></svg>Pinecone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:pinecone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:pinecone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:pinecone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--pinecone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:pinecone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:pinecone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg/pinecone.svg" alt="Pinecone アイコン" width="24" height="24">他のアイコンセットの Pinecone アイコン
Pinecone アイコン のよくある質問
Pinecone アイコンは商用利用でも無料ですか?
はい。theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Pinecone アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg:pinecone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pinecone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg/pinecone.svg" alt="Pinecone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。