Tree Circle アイコン
pepicons-pop:tree-circle
Tree Circle アイコン(pepicons-pop:tree-circle)は、Pepicons Pop! セットの無料 SVG アイコンです（作者: CyCraft）。 26 × 26 のグリッドで描かれています。 Pepicons Pop! icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Pepicons Pop!
- 作者
- CyCraft
- ライセンス
- CC-BY-4.0
- サイズ
- 26 × 26
- タグ
- treecircle
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M16.358 10.486a1 1 0 0 1-.344 1.371L14 13.067V22a1 1 0 1 1-2 0v-6.434l-2.015-1.209a1 1 0 0 1 1.03-1.714l.985.59V9a1 1 0 0 1 2 0v1.734l.986-.591a1 1 0 0 1 1.372.342M12.9 5c-.644 0-1.241.256-1.71.7c-.262.25-.482.56-.641.911a1 1 0 1 1-1.823-.823a4.9 4.9 0 0 1 1.087-1.537A4.47 4.47 0 0 1 12.9 3c1.195 0 2.277.48 3.087 1.251c.454.431.824.954 1.087 1.537a1 1 0 0 1-1.823.823a2.9 2.9 0 0 0-.642-.91A2.47 2.47 0 0 0 12.9 5"/><path d="M15.183 6.294a1.02 1.02 0 0 1 .895-1.11c2.606-.299 4.822 1.725 5.082 4.35c.176 1.772-.563 3.453-1.854 4.469a.99.99 0 0 1-1.4-.162a1.01 1.01 0 0 1 .183-1.407c.73-.575 1.193-1.57 1.084-2.672c-.165-1.663-1.522-2.745-2.898-2.587a.98.98 0 0 1-1.092-.88"/><path d="M18.417 12.353a1.013 1.013 0 0 1 1.214.74c.131.517.179 1.069.13 1.632c-.215 2.463-2.506 4.157-4.682 3.937c-.59-.06-1.225-.174-1.791-.502c-.605-.35-1.032-.886-1.315-1.6a.99.99 0 0 1 .557-1.293a1.01 1.01 0 0 1 1.298.576c.143.362.297.503.442.587c.184.107.47.187.983.24c1.12.113 2.403-.825 2.518-2.146c.03-.34 0-.664-.075-.963a.987.987 0 0 1 .72-1.208m-7.795-6.059a1.02 1.02 0 0 0-.895-1.11C7.12 4.886 4.905 6.91 4.644 9.535c-.175 1.772.563 3.453 1.855 4.469a.99.99 0 0 0 1.4-.162a1.01 1.01 0 0 0-.183-1.407c-.731-.575-1.194-1.57-1.085-2.672C6.796 8.1 8.153 7.017 9.53 7.175a.98.98 0 0 0 1.092-.88"/><path d="M7.388 12.353a1.013 1.013 0 0 0-1.215.74a4.9 4.9 0 0 0-.13 1.632c.216 2.463 2.507 4.157 4.682 3.937c.591-.06 1.226-.174 1.792-.502c.605-.35 1.032-.886 1.315-1.6a.99.99 0 0 0-.557-1.293a1.01 1.01 0 0 0-1.298.576c-.143.362-.297.503-.443.587c-.184.107-.469.187-.982.24c-1.12.113-2.403-.825-2.518-2.146c-.03-.34 0-.664.075-.963a.987.987 0 0 0-.721-1.208"/><path d="M13 24c6.075 0 11-4.925 11-11S19.075 2 13 2S2 6.925 2 13s4.925 11 11 11m0 2c7.18 0 13-5.82 13-13S20.18 0 13 0S0 5.82 0 13s5.82 13 13 13"/></g></svg>Tree Circle アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pepicons-pop:tree-circle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pepicons-pop:tree-circle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pepicons-pop:tree-circle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pepicons-pop--tree-circle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pepicons-pop -->
<div class="i-pepicons-pop:tree-circle"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pepicons-pop:tree-circle"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/pepicons-pop/tree-circle.svg" alt="Tree Circle アイコン" width="24" height="24">Pepicons Pop! の関連アイコン
他のアイコンセットの Tree Circle アイコン
Tree Circle アイコン のよくある質問
Tree Circle アイコンは商用利用でも無料ですか?
はい。Pepicons Pop! icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Tree Circle アイコンを使うには?
@iconify/react をインストールして <Icon icon="pepicons-pop:tree-circle" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tree Circle アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pepicons-pop/tree-circle.svg" alt="Tree Circle アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。