Icono Grommet

logos:grommet

El icono Grommet (logos:grommet) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 512 × 150. SVG Logos icons se publican bajo la licencia CC0, 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: SVG Logos
Autor: Gil Barbara
Licencia: CC0-1.0
Tamaño: 512 × 150

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="150" viewBox="0 0 512 150"><path fill="#7d4cdb" d="M206.979 64.521a13.8 13.8 0 0 1 5.26.84a12.85 12.85 0 0 1 6.225 5.914v-5.913h10.364v38.532a21.8 21.8 0 0 1-2.677 11.858q-4.422 6.664-16.589 6.93l-1.027.011a24.1 24.1 0 0 1-12.699-3.112a11.3 11.3 0 0 1-5.447-9.15h11.579a4.8 4.8 0 0 0 1.431 2.676a9.06 9.06 0 0 0 5.79 1.463a7.78 7.78 0 0 0 7.687-3.829a19.3 19.3 0 0 0 1.401-8.03v-2.614a12.8 12.8 0 0 1-3.3 3.89a12.9 12.9 0 0 1-8.216 2.397a15.56 15.56 0 0 1-12.45-5.51a22.32 22.32 0 0 1-4.638-14.908a24.9 24.9 0 0 1 4.545-15.22a14.82 14.82 0 0 1 12.76-6.225m260.606.405a23 23 0 0 1 8.709 1.451l1.033.416a16.53 16.53 0 0 1 7.003 6.039a19.95 19.95 0 0 1 3.113 8.403a52 52 0 0 1 .31 8.062h-29.567a9.74 9.74 0 0 0 4.232 8.59a10.65 10.65 0 0 0 5.852 1.525a8.72 8.72 0 0 0 5.882-1.836a9 9 0 0 0 2.21-2.802h10.832a13.17 13.17 0 0 1-3.403 6.797l-.55.549a19.83 19.83 0 0 1-15.282 5.882a22.04 22.04 0 0 1-14.318-5.042q-6.225-5.01-6.225-16.278a22 22 0 0 1 5.634-16.154a19.45 19.45 0 0 1 14.535-5.602m-180.803-.56a18.68 18.68 0 0 1 15.563 6.474a23.7 23.7 0 0 1 5.135 14.248v.972a23.53 23.53 0 0 1-5.198 15.22a18.68 18.68 0 0 1-15.562 6.224a18.9 18.9 0 0 1-15.562-6.224a23.56 23.56 0 0 1-5.14-14.307l.004-.976a23.75 23.75 0 0 1 5.198-15.25a18.68 18.68 0 0 1 15.562-6.381m218.62-9.307v11.33H512v7.563h-6.598v21.476a5 5 0 0 0 .622 3.113a7.07 7.07 0 0 0 3.89.622H512v7.906l-5.011.155c-5.042 0-8.466-.716-10.302-2.614a7.9 7.9 0 0 1-1.806-5.634v-24.9l-5.758-.124V66.39h5.758V55.06zm-92.939 12.077a12.2 12.2 0 0 1 3.486 4.886a13.4 13.4 0 0 1 5.198-5.26a16.1 16.1 0 0 1 7.315-1.65c1.775-.017 3.539.3 5.197.934a11.6 11.6 0 0 1 4.731 3.673a11.2 11.2 0 0 1 2.303 5.198c.233 1.59.36 3.195.38 4.802l-.006 26.82h-10.894V80.676a8.5 8.5 0 0 0-.747-3.797a5.26 5.26 0 0 0-5.197-2.833a6.04 6.04 0 0 0-6.225 3.642a11.5 11.5 0 0 0-.872 4.638v24.183h-10.707V82.293c.1-1.775-.154-3.552-.747-5.228a5.17 5.17 0 0 0-5.26-2.957a6.23 6.23 0 0 0-6.225 2.925a11 11 0 0 0-.871 4.98v24.464h-10.49V66.015h10.334v5.914a17.2 17.2 0 0 1 3.735-4.482a14.66 14.66 0 0 1 15.562-.311m-68.131-.374a12.14 12.14 0 0 1 3.486 4.887a13.7 13.7 0 0 1 5.197-5.23a15.56 15.56 0 0 1 7.315-1.649c1.613.01 3.21.292 4.727.83l.75.29a11.92 11.92 0 0 1 7.035 8.81c.205 1.546.32 3.104.346 4.664l-.004 27.144H362.29V80.644a8.56 8.56 0 0 0-.747-3.828a5.29 5.29 0 0 0-5.198-2.833a6.225 6.225 0 0 0-6.225 3.642a11.2 11.2 0 0 0-.867 3.87l-.005 24.982h-10.707V82.293a13.6 13.6 0 0 0-.746-5.26a5.17 5.17 0 0 0-5.23-2.956a6.23 6.23 0 0 0-6.224 2.925a11.6 11.6 0 0 0-.872 5.011v24.433H314.7V65.984h10.333v5.603a16.7 16.7 0 0 1 3.735-4.513a14.78 14.78 0 0 1 15.563-.312m-83.539-2.21l.654.032h.902v10.893c-.653 0-1.245 0-1.774-.155H259.3a8.81 8.81 0 0 0-8.621 4.14a16.8 16.8 0 0 0-1.245 7.22v19.453H238.57V65.486h10.147v7.097a23 23 0 0 1 4.295-5.572a11.6 11.6 0 0 1 7.781-2.459m25.88 8.81a9.34 9.34 0 0 0-7.174 3.36a15.22 15.22 0 0 0-2.521 9.338c-.2 3.3.674 6.575 2.49 9.337a9.337 9.337 0 0 0 14.348 0c1.8-2.77 2.672-6.04 2.49-9.337a15.3 15.3 0 0 0-2.458-9.338a9.34 9.34 0 0 0-7.175-3.36M201.781 78.9a19.1 19.1 0 0 0-1.152 6.878a16.1 16.1 0 0 0 1.183 6.225a7.81 7.81 0 0 0 7.15 5.173l.569-.006a8.25 8.25 0 0 0 6.287-2.614v-.032a13.14 13.14 0 0 0 2.552-8.963a13.63 13.63 0 0 0-2.396-8.809a8.03 8.03 0 0 0-5.922-3.102l-.583-.01a7.66 7.66 0 0 0-7.688 5.26m259.641-2.957a11 11 0 0 0-2.832 6.225h18.301a8.9 8.9 0 0 0-2.832-6.412a9.34 9.34 0 0 0-5.545-2.199l-.68-.01a8.5 8.5 0 0 0-6.412 2.396M74.7 24.9c27.503 0 49.798 22.296 49.798 49.8s-22.295 49.798-49.799 49.798S24.9 102.203 24.9 74.7s22.297-49.8 49.8-49.8m0-24.9C33.444 0 0 33.444 0 74.7c0 41.254 33.444 74.698 74.7 74.698c41.254 0 74.698-33.444 74.698-74.699A74.7 74.7 0 0 0 74.7 0"/></svg>

Cómo usar el icono Grommet

React

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

<Icon icon="logos:grommet" width="24" />

Vue

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

<template>
  <Icon icon="logos:grommet" width="24" />
</template>

Svelte

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

<Icon icon="logos:grommet" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="logos:grommet"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/logos/grommet.svg" alt="Icono Grommet" width="24" height="24">

El icono Grommet en otras colecciones

Preguntas frecuentes sobre Icono Grommet

¿El icono Grommet es gratis para uso comercial?

Sí. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Grommet en React?

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

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

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

Ver todos los Iconos SVG Logos →