Cruelty Free アイコン
material-symbols-light:cruelty-free
Cruelty Free アイコン(material-symbols-light:cruelty-free)は、Material Symbols Light セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- ソーシャル
- タグ
- animal、bunny、cruelty、eco、free、nature、rabbit、social、sustainability、sustainable、testing、crueltyfree、cruelty free rounded、cruelty free outline sharp、cruelty free outline rounded、cruelty free outline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.52 21q-1.453 0-2.486-1.005T6 17.577q0-.721.339-1.343q.338-.623 1.084-1.273q.458-.38.788-.802t.708-.832q-1.121-1.72-1.703-3.568q-.582-1.85-.582-3.663q0-1.104.275-1.638q.275-.535.822-.535q.828 0 1.733 1.039Q10.367 6 11 7.38q.417.923.663 1.926q.245 1.003.337 1.995q.092-.992.347-1.995t.659-1.926q.607-1.38 1.521-2.42t1.742-1.038q.547 0 .822.535q.274.534.274 1.638q0 1.814-.581 3.663q-.582 1.849-1.703 3.568q.378.41.708.832t.788.803q.746.65 1.084 1.272T18 17.577q0 1.414-1.034 2.418Q15.933 21 14.481 21q-.933 0-1.707-.308L12 20.385l-.774.307Q10.452 21 9.519 21m.077-1q.517 0 1.092-.147t1.075-.422q-.236-.125-.432-.377q-.197-.252-.197-.438q0-.2.25-.322q.249-.121.616-.121q.348 0 .588.13t.239.313q0 .186-.196.438t-.433.377q.5.275 1.075.422t1.093.147q1.088 0 1.842-.706q.753-.706.753-1.717q0-.527-.278-.971q-.28-.445-.856-.927q-.312-.262-.479-.448q-.167-.187-.417-.504q-.86-1.125-1.392-1.426T11.98 13t-1.56.301q-.537.301-1.39 1.426q-.25.317-.418.504t-.478.448q-.577.483-.856.927T7 17.577q0 1.012.754 1.717T9.596 20m.904-3.25q-.2 0-.35-.225T10 16t.15-.525t.35-.225t.35.225T11 16t-.15.525t-.35.225m3 0q-.2 0-.35-.225T13 16t.15-.525t.35-.225t.35.225T14 16t-.15.525t-.35.225m-3.848-4.148q.314-.238.673-.37t.785-.178q-.05-1.085-.324-2.195q-.274-1.111-.73-2.124q-.494-1.116-1.108-1.851q-.613-.736-1.188-.936q-.05.189-.088.455t-.038.636q0 1.603.528 3.315t1.49 3.248m4.696 0q.961-1.536 1.49-3.248q.527-1.712.527-3.315q0-.37-.037-.636q-.038-.266-.088-.455q-.575.2-1.188.936q-.614.735-1.108 1.85q-.45 1.014-.724 2.125t-.33 2.195q.414.042.773.176t.685.372"/></svg>Cruelty Free アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:cruelty-free" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:cruelty-free" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:cruelty-free" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--cruelty-free]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:cruelty-free"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:cruelty-free"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/cruelty-free.svg" alt="Cruelty Free アイコン" width="24" height="24">他のアイコンセットの Cruelty Free アイコン
Cruelty Free アイコン のよくある質問
Cruelty Free アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cruelty Free アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:cruelty-free" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cruelty Free アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/cruelty-free.svg" alt="Cruelty Free アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。