Cactus アイコン

Q: Cactus アイコンは商用利用でも無料ですか?

はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

fxemoji:cactus

Cactus アイコン(fxemoji:cactus)は、Firefox OS Emoji セットの無料 SVG アイコンです（作者: Mozilla）。 512 × 512 のグリッドで描かれています。 Firefox OS Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Firefox OS Emoji
作者: Mozilla
ライセンス: Apache-2.0
サイズ: 512 × 512
カテゴリ: 自然

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#2BA52E" d="M430.749 295.253v62.85c0 14.951-10.717 27.753-25.436 30.382l-98.032 17.51a31 31 0 0 1-5.463.487c-14.669 0-27.677-10.497-30.346-25.441c-2.997-16.779 8.176-32.812 24.955-35.809l72.596-12.967v-37.011c0-17.045 13.818-30.863 30.863-30.863s30.863 13.818 30.863 30.862M314.435 53.847a5.13 5.13 0 0 0 3.637-1.507l20.413-20.413a5.143 5.143 0 1 0-7.274-7.274l-20.413 20.413a5.143 5.143 0 0 0 3.637 8.781m21.085 54.077a5.144 5.144 0 0 0 5.099 5.189l20.414.178h.046a5.145 5.145 0 0 0 .044-10.288l-20.414-.178a5.144 5.144 0 0 0-5.189 5.099m-5.393-36.563a5.144 5.144 0 0 0 6.763 2.68l20.414-8.823a5.143 5.143 0 0 0 2.681-6.762a5.143 5.143 0 0 0-6.762-2.681l-20.414 8.823a5.144 5.144 0 0 0-2.682 6.763m30.995 75.02l-20.414-.179c-2.849-.01-5.164 2.258-5.189 5.099a5.144 5.144 0 0 0 5.099 5.189l20.414.179h.046a5.144 5.144 0 0 0 .044-10.288m0 43.378l-20.414-.179c-2.849-.002-5.164 2.257-5.189 5.099a5.144 5.144 0 0 0 5.099 5.189l20.414.179h.046a5.144 5.144 0 0 0 .044-10.288m-278.728 35.05h.046l20.413-.178a5.145 5.145 0 0 0-.044-10.287h-.046l-20.413.178a5.145 5.145 0 0 0 .044 10.287m28.27-48.692l-20.413-8.823a5.144 5.144 0 0 0-4.081 9.444l20.413 8.823a5.144 5.144 0 1 0 4.081-9.444m50.079-39.945a5.145 5.145 0 0 0-7.274 0l-20.413 20.415a5.143 5.143 0 1 0 7.274 7.273l20.413-20.414a5.143 5.143 0 0 0 0-7.274m22.636 78.35l-20.413-.178a5.135 5.135 0 0 0-5.189 5.099a5.144 5.144 0 0 0 5.099 5.188l20.413.178h.046a5.145 5.145 0 0 0 .044-10.287m-3.819-37.784a5.145 5.145 0 0 0-4.081-9.444l-20.413 8.823a5.145 5.145 0 0 0 4.082 9.444zm-71.608 86.084a5.144 5.144 0 0 0-5.143-5.099h-.046l-20.413.177a5.145 5.145 0 0 0 .044 10.287h.046l20.413-.178a5.143 5.143 0 0 0 5.099-5.187m-6.081 38.364l-14.598 2.704a5.143 5.143 0 1 0 1.874 10.116l14.598-2.704a5.143 5.143 0 1 0-1.874-10.116m259.251-68.049l-20.414-.179h-.046a5.144 5.144 0 0 0-.044 10.287l20.414.179h.046a5.144 5.144 0 0 0 .044-10.287m-20.414 43.201c-2.849.012-5.164 2.258-5.189 5.099a5.144 5.144 0 0 0 5.099 5.188l20.414.178h.046a5.145 5.145 0 0 0 .044-10.287zM216.2 102.825h-.046l-20.413.178a5.145 5.145 0 0 0 .044 10.288h.046l20.413-.178a5.145 5.145 0 0 0-.044-10.288m7.855-38.226l-20.413-8.823a5.14 5.14 0 0 0-6.762 2.681a5.143 5.143 0 0 0 2.681 6.762l20.413 8.823a5.144 5.144 0 1 0 4.081-9.443m-7.855 81.604h-.046l-20.413.179a5.145 5.145 0 0 0 .044 10.287h.046l20.413-.179a5.145 5.145 0 0 0-.044-10.287m-.046 43.378l-20.413.179a5.145 5.145 0 0 0 .044 10.287h.046l20.413-.179a5.145 5.145 0 0 0 5.099-5.189a5.126 5.126 0 0 0-5.189-5.098m.046 43.378h-.046l-20.413.179a5.145 5.145 0 0 0 .044 10.287h.046l20.413-.179a5.145 5.145 0 0 0-.044-10.287"/><path fill="#5DC15D" d="M277.852 21.848c-39.774 0-72.013 32.239-72.013 72.013V266.15l-30.559-8.235v-72.503c0-22.727-18.424-41.15-41.15-41.15c-22.727 0-41.15 18.423-41.15 41.15v104.032c0 18.603 12.481 34.893 30.443 39.733l82.416 22.21v106.11c0 39.774 32.239 44.362 72.013 44.362s72.013-4.588 72.013-44.362V93.861c.001-39.774-32.239-72.013-72.013-72.013"/><path fill="#2BA52E" d="M195.785 286.803a5.144 5.144 0 0 1-.044-10.287l20.413-.178h.046a5.144 5.144 0 0 1 .044 10.287l-20.413.178zm87.214-159.577V11.144a5.144 5.144 0 1 0-10.288 0v116.082a5.144 5.144 0 1 0 10.288 0m34.899-33.365V27.132a5.144 5.144 0 1 0-10.288 0v66.729a5.144 5.144 0 1 0 10.288 0m10.287 100.095v-66.73a5.144 5.144 0 1 0-10.288 0v66.73a5.144 5.144 0 1 0 10.288 0m-95.16 15.85v-66.729a5.144 5.144 0 1 0-10.288 0v66.729a5.144 5.144 0 1 0 10.288 0m36.007 68.629V157.529a5.144 5.144 0 1 0-10.288 0v120.906a5.144 5.144 0 1 0 10.288 0m37.966 30.513v-66.73a5.144 5.144 0 1 0-10.288 0v66.73a5.144 5.144 0 1 0 10.288 0m-69.633 62.948v-66.73a5.144 5.144 0 1 0-10.288 0v66.73a5.144 5.144 0 1 0 10.288 0m45.634 104.254V352.09a5.144 5.144 0 1 0-10.288 0v124.06a5.144 5.144 0 1 0 10.288 0m45.186-48.438v-66.73a5.144 5.144 0 1 0-10.288 0v66.73a5.144 5.144 0 1 0 10.288 0M258.02 56.581V13.588a5.144 5.144 0 1 0-10.288 0v42.993a5.144 5.144 0 1 0 10.288 0M125.482 194.903v-43.378a5.14 5.14 0 0 0-1.507-3.637l-11.716-11.716a5.145 5.145 0 0 0-7.274 7.274l10.209 10.21v41.247a5.144 5.144 0 1 0 10.288 0m26.561 43.2v-66.087a5.144 5.144 0 1 0-10.288 0v66.087a5.144 5.144 0 1 0 10.288 0m-32.418 29.384v-34.603a5.144 5.144 0 1 0-10.288 0v34.603a5.144 5.144 0 1 0 10.288 0m19.649 56.684v-59.016a5.144 5.144 0 1 0-10.288 0v59.016a5.144 5.144 0 1 0 10.288 0m38.997-8.46v-34.603a5.144 5.144 0 1 0-10.288 0v34.603a5.144 5.144 0 1 0 10.288 0m69.3 136.512v-33.364a5.144 5.144 0 1 0-10.288 0v33.364a5.144 5.144 0 1 0 10.288 0M236.075 35.224q.043-.03.085-.063l-10.508-10.508a5.145 5.145 0 0 0-7.274 7.274l8.7 8.7v53.234a5.144 5.144 0 1 0 10.288 0V38.598a5.1 5.1 0 0 0-1.291-3.374"/></svg>

Cactus アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="fxemoji:cactus" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fxemoji:cactus" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fxemoji:cactus" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--cactus]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:cactus"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fxemoji:cactus"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fxemoji/cactus.svg" alt="Cactus アイコン" width="24" height="24">

他のアイコンセットの Cactus アイコン

Cactus アイコンのよくある質問

Cactus アイコンは商用利用でも無料ですか?

はい。Firefox OS Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Cactus アイコンを使うには?

@iconify/react をインストールして <Icon icon="fxemoji:cactus" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Cactus アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/cactus.svg" alt="Cactus アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Firefox OS Emoji アイコンをすべて見る →