Ícone Cruelty Free
material-symbols-light:cruelty-free
O ícone Cruelty Free (material-symbols-light:cruelty-free) é um ícone SVG gratuito da coleção Material Symbols Light de Google. Ele é desenhado em uma grade de 24 × 24. Material Symbols Light icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Material Symbols Light
- Autor
- Licença
- Apache-2.0
- Tamanho
- 24 × 24
- Categoria
- Social
- Tags
- 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
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.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>Como usar o ícone 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 component
<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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/cruelty-free.svg" alt="Ícone Cruelty Free" width="24" height="24">O ícone Cruelty Free em outras coleções
Perguntas frequentes sobre Ícone Cruelty Free
O ícone Cruelty Free é grátis para uso comercial?
Sim. Material Symbols Light icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Cruelty Free no React?
Instale @iconify/react e renderize <Icon icon="material-symbols-light:cruelty-free" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Cruelty Free a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/material-symbols-light/cruelty-free.svg" alt="Ícone Cruelty Free">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.