Ícone Areffect
arcticons:areffect
O ícone Areffect (arcticons:areffect) é um ícone SVG gratuito da coleção Arcticons de Donnnno. Ele é desenhado em uma grade de 48 × 48. Arcticons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Arcticons
- Autor
- Donnnno
- Licença
- CC-BY-SA-4.0
- Tamanho
- 48 × 48
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><circle cx="24" cy="24" r="21.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M2.5 23.6c1.89-.89 3.77-1.77 4.65-2.13c0 0 8-13.34 10.49-13.31a3.2 3.2 0 0 1 1.16.17s.77-1.55 2.2-1.55s2.8 1.56 2.8 1.56l3.52.21A11.5 11.5 0 0 1 31.6 8a2.63 2.63 0 0 1 2.59 2.59c.11 1.46.17 2.37.17 2.37s5.78 3.64 6 7.36s0 4.17 0 4.17l-1.48 2l-1.19-1.74l-.77 1.86l-1.45-1.8l-1.13 1.68l-.9-1.81L32 26.53l-.41-1.77l-1.41 1.44l-.74-1.64l-1.57.87l-.49-1.61L25.75 25l-.36-2.28l-2 1.19l-.07-2.25l-1.73.8l-.23-1.83a1.64 1.64 0 0 0-2.17.7a1.93 1.93 0 0 0 0 2.48l1.4-.26l.19 2.32l1.64-.42l-.06 2.29h2.09v2.09l1.73-.36l-.09 2.29l1.86-.9l.32 2.28l2-1l.1 2L32.18 33l.54 1.9l1.61-1.77l.52 1.77l1.8-1.71s.8 2.8-.13 3.93s-2.64 2-3.92 1.64s-10.11-5.18-11.14-5.79s-6.53-1.55-9.45.8A56 56 0 0 0 7.6 37.9"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M20.24 10.28a4 4 0 0 1 2.77 2c.31 1 .19 2.41-1 2.32s-2.77-1.44-2.78-2.37s.17-1.95 1.01-1.95m-3.65 33.91c1.14-3.44 2.44-7.25 2.72-7.63c.51-.71 3.09-3.1 3.09-3.1m10.37-7.89l.32 2.07l1.42.39l-.77 1.53l1.53.79l-.75 1.31l1.61.24l.2 1.56"/></svg>Como usar o ícone Areffect
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:areffect" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:areffect" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:areffect" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--areffect]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:areffect"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:areffect"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/arcticons/areffect.svg" alt="Ícone Areffect" width="24" height="24">Perguntas frequentes sobre Ícone Areffect
O ícone Areffect é grátis para uso comercial?
Sim. Arcticons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença.
Como uso o ícone Areffect no React?
Instale @iconify/react e renderize <Icon icon="arcticons:areffect" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Areffect a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/arcticons/areffect.svg" alt="Ícone Areffect">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.