Cactus アイコン
emojione-monotone:cactus
Cactus アイコン(emojione-monotone:cactus)は、Emoji One (Monotone) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (Monotone) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (Monotone)
- 作者
- Emoji One
- ライセンス
- CC-BY-4.0
- サイズ
- 64 × 64
- カテゴリ
- 自然
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M50.254 23.485c-3.352 0-6.745 2.438-6.745 7.097v7.954h-2.705V12.153C40.804 5.487 35.979 2 31.211 2s-9.592 3.487-9.592 10.153v13.176h-3.341v-5.74c0-3.881-2.837-5.912-5.64-5.912C9.837 13.677 7 15.708 7 19.589v12.304c0 2.549 2.088 4.623 4.656 4.623h9.963V62h1.852V34.671H11.656c-1.549 0-2.805-1.244-2.805-2.777V19.589c0-2.71 1.894-4.065 3.787-4.065c1.895 0 3.788 1.355 3.788 4.065v7.586h7.044V12.153c0-5.538 3.871-8.307 7.74-8.307c3.871 0 7.741 2.769 7.741 8.307v28.229h6.408v-9.8c0-3.501 2.447-5.251 4.894-5.251s4.895 1.75 4.895 5.251v15.896a3.59 3.59 0 0 1-2.215 3.305c-.435.182-.91.281-1.412.281H38.952V62h1.852V51.91h10.718c.738 0 1.454-.144 2.129-.426a5.43 5.43 0 0 0 3.35-5.007V30.582c-.001-4.66-3.395-7.097-6.747-7.097"/><path fill="currentColor" d="M9.819 20.028v10.637c0 3.032 2.633 3.032 3.015 3.032h10.637v-1.086H13.463c-.223 0-2.564-.272-2.564-2.579V20.028c0-3.804 1.74-4.503 1.74-4.503s-2.82.577-2.82 4.503"/><path fill="currentColor" d="M12.099 28.435c0 3.031 1.665 3.031 2.048 3.031h9.324V30.38h-8.672c-.231 0-1.62-.185-1.62-2.602v-7.75c0-3.08-.54-4.504-.54-4.504s-.54 1.423-.54 4.503z"/><path fill="currentColor" d="M15.459 26.519v-6.491c0-3.926-2.82-4.503-2.82-4.503s1.74.702 1.74 4.504v7.146c0 2.059 1.666 2.059 2.048 2.059h7.044v-1.086h-6.392c-.23-.001-1.62-.051-1.62-1.629m33.73 20.884H38.952v1.404h11.05c.493 0 3.895 0 3.895-3.918v-13.74c0-5.072-3.643-5.817-3.643-5.817s2.248.902 2.248 5.817v12.923c0 2.98-3.025 3.331-3.313 3.331"/><path fill="currentColor" d="M49.556 41.161c0 3.122-1.794 3.359-2.092 3.359h-8.512v1.404h9.354c.494 0 2.645 0 2.645-3.917V31.149c0-3.979-.697-5.817-.697-5.817s-.698 1.839-.698 5.817z"/><path fill="currentColor" d="M46.61 31.149v8.385c0 2.038-1.794 2.104-2.093 2.104h-5.565v1.403h6.408c.493 0 2.644 0 2.644-2.659V31.15c0-4.912 2.25-5.817 2.25-5.817s-3.644.745-3.644 5.816M31.211 3.847s3.558 1.434 3.558 9.205V62h2.207V13.051c0-8.024-5.765-9.204-5.765-9.204"/><path fill="currentColor" d="M30.107 62h2.209V13.052c0-6.295-1.105-9.205-1.105-9.205s-1.104 2.909-1.104 9.204z"/><path fill="currentColor" d="M25.449 13.051V62h2.207V13.051c0-7.775 3.555-9.204 3.555-9.204s-5.762 1.18-5.762 9.204"/></svg>
Cactus アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-monotone:cactus" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-monotone:cactus" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-monotone:cactus" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--cactus]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:cactus"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-monotone:cactus"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-monotone/cactus.svg" alt="Cactus アイコン" width="24" height="24">
Cactus アイコン のよくある質問
Cactus アイコンは商用利用でも無料ですか?
はい。Emoji One (Monotone) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Cactus アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-monotone:cactus" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cactus アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-monotone/cactus.svg" alt="Cactus アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (Monotone) アイコン をすべて見る →
ICONYZ
