Ícone Cruelty Free
material-symbols:cruelty-free
O ícone Cruelty Free (material-symbols:cruelty-free) é um ícone SVG gratuito da coleção Material Symbols de Google. Ele é desenhado em uma grade de 24 × 24. Material Symbols 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
- 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 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>Como usar o ícone 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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/material-symbols/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 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: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/cruelty-free.svg" alt="Ícone Cruelty Free">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.