Иконка Cruelty Free
material-symbols:cruelty-free
Иконка Cruelty Free (material-symbols:cruelty-free) — бесплатная SVG-иконка из набора Material Symbols от Google. Она нарисована на сетке 24 × 24. Material Symbols icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Material Symbols
- Автор
- Лицензия
- Apache-2.0
- Размер
- 24 × 24
- Категория
- Социальное
- Теги
- animal, bunny, cruelty, eco, free, nature, rabbit, social, sustainability, sustainable, testing, crueltyfree, cruelty free outline, cruelty free outline sharp, cruelty free sharp, cruelty free outline rounded
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.5 22q-1.875 0-3.187-1.312T5 17.5q0-.875.425-1.612T7 14q.15-.15.288-.312t.362-.438Q6.375 11.3 5.687 9.162T5 5q0-1.45.525-2.225T7 2q1.425 0 2.55 1.375t1.7 2.525q.225.5.413 1.013T12 7.975q.15-.55.338-1.062t.437-1.013q.55-1.15 1.675-2.525T17 2q.95 0 1.475.775T19 5q0 2.025-.687 4.163T16.35 13.25q.225.275.363.438T17 14q1.15 1.15 1.575 1.888T19 17.5q0 1.875-1.312 3.188T14.5 22q-1.125 0-1.812-.25L12 21.5l-.687.25Q10.625 22 9.5 22m0-2q.575 0 1.15-.137t1.075-.413q-.275-.125-.5-.425T11 18.5q0-.2.288-.35T12 18t.713.15t.287.35q0 .225-.225.525t-.5.425q.5.275 1.075.413T14.5 20q1.05 0 1.775-.725T17 17.5q0-.45-.25-.875t-.75-.85q-.35-.3-.575-.525t-.725-.85q-.725-.875-1.2-1.137T12 13t-1.513.263T9.3 14.4q-.5.625-.725.85T8 15.775q-.5.425-.75.85T7 17.5q0 1.05.725 1.775T9.5 20m1-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-4.425-4.975q.275-.2.625-.35t.775-.275q-.05-1.2-.362-2.387T9.325 6.6q-.475-1-1.05-1.687t-1.15-.888q-.05.15-.088.388T7 5q0 1.7.538 3.45t1.537 3.325m5.85 0q1-1.575 1.538-3.325T17 5q0-.35-.038-.587t-.087-.388q-.575.2-1.15.888T14.675 6.6q-.45.975-.763 2.163t-.387 2.387q.375.1.725.263t.675.362"/></svg>Как использовать иконку Cruelty Free
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols:cruelty-free" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols:cruelty-free" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols:cruelty-free" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--cruelty-free]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:cruelty-free"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols:cruelty-free"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/material-symbols/cruelty-free.svg" alt="Иконка Cruelty Free" width="24" height="24">Иконка Cruelty Free в других наборах
Вопросы и ответы: Иконка Cruelty Free
Можно ли бесплатно использовать иконку Cruelty Free в коммерческих проектах?
Да. Material Symbols icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Cruelty Free в React?
Установите @iconify/react и выведите <Icon icon="material-symbols:cruelty-free" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Cruelty Free на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-symbols/cruelty-free.svg" alt="Иконка Cruelty Free">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.