Seedling Circle アイコン
pepicons-pencil:seedling-circle
Seedling Circle アイコン(pepicons-pencil:seedling-circle)は、Pepicons Pencil セットの無料 SVG アイコンです（作者: CyCraft）。 26 × 26 のグリッドで描かれています。 Pepicons Pencil icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Pepicons Pencil
- 作者
- CyCraft
- ライセンス
- CC-BY-4.0
- サイズ
- 26 × 26
- タグ
- seedlingcircle
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="M12.8 13.802a.5.5 0 0 1 .5.5v5.5a.5.5 0 1 1-1 0v-5.5a.5.5 0 0 1 .5-.5"/><path d="M5.39 9.445c.4 1.25 1.18 2.509 2.165 3.237c1.146.848 2.18 1.122 3.018 1.067a2.83 2.83 0 0 0 1.996-.989c.415-.487.541-1.212.319-2.05c-.222-.836-.783-1.735-1.65-2.473c-.874-.745-2.163-1.413-3.357-1.735c-.596-.16-1.14-.227-1.582-.19s-.724.174-.884.361c-.172.202-.293.553-.305 1.06c-.012.498.083 1.092.28 1.712M4.11 7.71c.015-.625.164-1.238.544-1.684c.392-.46.969-.659 1.561-.71c.595-.05 1.262.043 1.926.222c1.327.357 2.751 1.091 3.746 1.938c1.002.854 1.687 1.922 1.967 2.978c.28 1.054.164 2.148-.524 2.956a3.83 3.83 0 0 1-2.692 1.338c-1.12.073-2.382-.302-3.678-1.26c-1.197-.886-2.078-2.347-2.522-3.738c-.223-.7-.343-1.406-.328-2.04"/><path d="M20.342 12.327c-.489 1.123-1.301 2.209-2.262 2.738c-2.217 1.22-3.778.29-4.318-.571c-.227-.363-.277-1.034.01-1.82c.28-.765.85-1.549 1.707-2.086c.883-.552 2.115-.937 3.206-1.05c.545-.055 1.027-.04 1.396.04c.382.083.559.217.625.322c.079.126.14.412.084.883c-.054.45-.206.989-.448 1.544m1.44-1.425c.066-.544.034-1.113-.228-1.533c-.276-.44-.77-.661-1.261-.768c-.505-.11-1.1-.12-1.71-.057c-1.218.125-2.602.55-3.634 1.197a5.2 5.2 0 0 0-2.116 2.59c-.343.939-.374 1.966.081 2.693c.826 1.319 2.973 2.389 5.648.917c1.224-.674 2.158-1.977 2.697-3.215c.273-.625.456-1.259.524-1.824"/><path d="M11.91 13.615a12 12 0 0 0-2.19-2.123l-.72-.54a.5.5 0 1 1 .6-.8l.72.54c.883.663 1.68 1.435 2.37 2.298a.5.5 0 0 1-.78.625m2.244 1.791a12 12 0 0 1 2.11-1.68l.801-.5a.5.5 0 1 0-.53-.848l-.8.5a13 13 0 0 0-2.288 1.82a.5.5 0 0 0 .707.708"/><path d="M13 24.5c6.351 0 11.5-5.149 11.5-11.5S19.351 1.5 13 1.5S1.5 6.649 1.5 13S6.649 24.5 13 24.5m0 1c6.904 0 12.5-5.596 12.5-12.5S19.904.5 13 .5S.5 6.096.5 13S6.096 25.5 13 25.5"/></g></svg>Seedling Circle アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pepicons-pencil:seedling-circle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pepicons-pencil:seedling-circle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pepicons-pencil:seedling-circle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pepicons-pencil--seedling-circle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pepicons-pencil -->
<div class="i-pepicons-pencil:seedling-circle"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pepicons-pencil:seedling-circle"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/pepicons-pencil/seedling-circle.svg" alt="Seedling Circle アイコン" width="24" height="24">Pepicons Pencil の関連アイコン
他のアイコンセットの Seedling Circle アイコン
Seedling Circle アイコン のよくある質問
Seedling Circle アイコンは商用利用でも無料ですか?
はい。Pepicons Pencil icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Seedling Circle アイコンを使うには?
@iconify/react をインストールして <Icon icon="pepicons-pencil:seedling-circle" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Seedling Circle アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pepicons-pencil/seedling-circle.svg" alt="Seedling Circle アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。