ICONYZ
Español
Icono Acorn 48 de Energy Icons

Icono Acorn 48

energy-icons:acorn-48

El icono Acorn 48 (energy-icons:acorn-48) es un icono SVG gratuito de la colección Energy Icons de Sam Passmore. Está dibujado en una cuadrícula de 48 × 48. Energy Icons se publican bajo la licencia MIT, 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
Energy Icons
Autor
Sam Passmore
Licencia
MIT
Tamaño
48 × 48
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M24 7c4.153 0 7.897 1.036 10.625 3.219C37.383 12.425 39 15.724 39 20a1 1 0 0 1-1 1H10a1 1 0 0 1-1-1c0-4.276 1.617-7.575 4.375-9.781C16.103 8.036 19.848 7 24 7m0 2c-3.847 0-7.103.964-9.375 2.781c-2.036 1.63-3.363 4.007-3.59 7.219h25.93c-.227-3.212-1.554-5.59-3.59-7.219C31.103 9.964 27.848 9 24 9"/><path fill="currentColor" d="M14 20c0 11.58 4.724 18.957 10 20.938C29.276 38.959 34 31.58 34 20h2c0 12.19-5.086 20.749-11.684 22.948a1 1 0 0 1-.632 0C17.086 40.748 12 32.19 12 20zM25.071 2.63a1 1 0 0 1 1.858.741l-2 5l-1.858-.742z"/></svg>

Cómo usar el icono Acorn 48

React

import { Icon } from "@iconify/react";

<Icon icon="energy-icons:acorn-48" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="energy-icons:acorn-48" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="energy-icons:acorn-48" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--acorn-48]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:acorn-48"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="energy-icons:acorn-48"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/energy-icons/acorn-48.svg" alt="Icono Acorn 48" width="24" height="24">

Iconos relacionados en Energy Icons

Preguntas frecuentes sobre Icono Acorn 48

¿El icono Acorn 48 es gratis para uso comercial?

Sí. Energy Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Acorn 48 en React?

Instala @iconify/react y renderiza <Icon icon="energy-icons:acorn-48" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Acorn 48 a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/energy-icons/acorn-48.svg" alt="Icono Acorn 48">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Energy Icons →