Icono Areffect
arcticons:areffect
El icono Areffect (arcticons:areffect) es un icono SVG gratuito de la colección Arcticons de Donnnno. Está dibujado en una cuadrícula de 48 × 48. Arcticons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Arcticons
- Autor
- Donnnno
- Licencia
- CC-BY-SA-4.0
- Tamaño
- 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>Cómo usar el icono 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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/arcticons/areffect.svg" alt="Icono Areffect" width="24" height="24">Preguntas frecuentes sobre Icono Areffect
¿El icono Areffect es gratis para uso comercial?
Sí. Arcticons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia.
¿Cómo uso el icono Areffect en React?
Instala @iconify/react y renderiza <Icon icon="arcticons:areffect" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Areffect a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/arcticons/areffect.svg" alt="Icono Areffect">, o pega el código SVG en línea para darle estilo con CSS.