Icono Cruelty Free
material-symbols:cruelty-free
El icono Cruelty Free (material-symbols:cruelty-free) es un icono SVG gratuito de la colección Material Symbols de Google. Está dibujado en una cuadrícula de 24 × 24. Material Symbols icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Material Symbols
- Autor
- Licencia
- Apache-2.0
- Tamaño
- 24 × 24
- Categoría
- Social
- Etiquetas
- 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
Código 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>Cómo usar el icono 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>Web component
<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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/material-symbols/cruelty-free.svg" alt="Icono Cruelty Free" width="24" height="24">El icono Cruelty Free en otras colecciones
Preguntas frecuentes sobre Icono Cruelty Free
¿El icono Cruelty Free es gratis para uso comercial?
Sí. Material Symbols icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Cruelty Free en React?
Instala @iconify/react y renderiza <Icon icon="material-symbols:cruelty-free" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Cruelty Free a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/material-symbols/cruelty-free.svg" alt="Icono Cruelty Free">, o pega el código SVG en línea para darle estilo con CSS.