Icono Horton

grommet-icons:horton

El icono Horton (grommet-icons:horton) es un icono SVG gratuito de la colección Grommet Icons de Grommet. Está dibujado en una cuadrícula de 24 × 24. Grommet Icons se publican bajo la licencia Apache 2.0, 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: Grommet Icons
Autor: Grommet
Licencia: Apache-2.0
Tamaño: 24 × 24

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2.3 12.977h-.157c-.319.989-.755 1.957-.932 2.97c-.222 1.292-.238 2.624-.34 3.936c-.027.339.126.517.465.52c1.526.02 1.352.081 1.602-1.198c.017-.089.029-.178.057-.267c.52-1.658.545-3.285-.27-4.875c-.178-.344-.283-.723-.424-1.086m16.606-5.922a.5.5 0 1 0-1 0a.5.5 0 0 0 1 0m2.176 2.737c.206.44.153 1.021.15 1.538c-.005.924-.057 1.849-.098 2.773a609 609 0 0 1-.125 2.922c-.577-.355-1.037-.605-1.457-.908c-.141-.1-.242-.335-.254-.517c-.097-1.097-.194-2.2-.226-3.301c-.017-.695-.202-1.207-.925-1.405c-.383-.1-.58-.367-.726-.735c-.614-1.525-1.251-3.047-1.93-4.686c1.163.214 2.237.388 3.298.618c.19.04.375.278.488.472c.622 1.066 1.276 2.115 1.805 3.23m.569 7.225c0 .016.016.028.04.08c.771.057 1.615.352 2.172-.718c-.364-.105-.686-.201-1.01-.286c-1.202-.315-1.202-.315-1.202.924m-6.3-3.205c-.098-.347-.271-.496-.63-.549c-.436-.068-.933-.117-1.272-.359c-1.497-1.086-2.942-2.244-4.424-3.354c-.4-.303-.496-.618-.33-1.082c.245-.694.455-1.4.718-2.208c-.226.025-.331.029-.432.049c-1.308.29-2.604.646-3.928.86c-.86.14-1.38.577-1.9 1.25C1.888 10.055.92 11.79.564 13.85c-.13.754-.371 1.489-.565 2.232c.06.04.125.08.186.12c.125-.144.302-.27.367-.435c.404-1.09.779-2.188 1.175-3.278c.205-.565.387-.61.762-.129c.243.307.465.658.594 1.021c.69 1.95 1.352 3.908 2.026 5.861c.408 1.19.412 1.17 1.683 1.175c.48 0 .654-.17.614-.638c-.085-1.013-.138-2.026-.23-3.035c-.045-.517.185-.755.662-.884c1.174-.315 2.34-.654 3.507-.99c.735-.205.807-.18 1.17.473c.764 1.36 1.563 2.704 2.261 4.101c.38.767.884 1.062 1.715.973c.61-.065.658-.073.493-.682c-.545-1.974-1.102-3.948-1.635-5.922m-.118-7.54c-.38-1.04-.928-1.61-2.054-1.719c-.719-.069-1.417-.36-2.128-.553h-.217c-.097.214-.214.42-.287.638c-.408 1.223-.787 2.454-1.207 3.669c-.157.452-.056.742.327 1.021c1.062.787 2.127 1.578 3.148 2.422c1.635.989 2.24.989 2.975.985s1.32 0 2.059 0c-.093-.263-.15-.448-.222-.626c-.808-1.941-1.68-3.859-2.394-5.837m-3.786 9.18c-.287.035-.658.052-.682.536c-.053 1.082-.15 2.163-.234 3.354c.02.25-.073.78.113.912c.274.19.759.154 1.138.101c.153-.02.34-.307.392-.508c.14-.521.153-1.082.327-1.59c.318-.945.12-1.777-.453-2.531c-.12-.162-.411-.3-.601-.275M24 15.725c-.093-.566-.145-1.082-.274-1.579c-.033-.125-.291-.238-.46-.258c-.11-.016-.32.113-.36.222c-.286.75.19 1.506 1.094 1.615"/></svg>

Cómo usar el icono Horton

React

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

<Icon icon="grommet-icons:horton" width="24" />

Vue

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

<template>
  <Icon icon="grommet-icons:horton" width="24" />
</template>

Svelte

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

<Icon icon="grommet-icons:horton" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[grommet-icons--horton]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/grommet-icons -->
<div class="i-grommet-icons:horton"></div>

Web component

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

<iconify-icon icon="grommet-icons:horton"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/grommet-icons/horton.svg" alt="Icono Horton" width="24" height="24">

Preguntas frecuentes sobre Icono Horton

¿El icono Horton es gratis para uso comercial?

Sí. Grommet Icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Horton en React?

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

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

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

Ver todos los Grommet Icons →