Icono Icons 1 Outline

glyphs:icons-1-outline

El icono Icons 1 Outline (glyphs:icons-1-outline) es un icono SVG gratuito de la colección Glyphs de Goran Spasojevic. Está dibujado en una cuadrícula de 80 × 80. Glyphs 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: Glyphs
Autor: Goran Spasojevic
Licencia: MIT
Tamaño: 80 × 80
Etiquetas: iconsoutline, icon

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M32.89 10.403a2 2 0 0 0-.465-.164L16.162 6.337a2 2 0 0 0-.958-.015a2 2 0 0 0-1.344 1.06a2 2 0 0 0-.208.934v12.56a7.3 7.3 0 0 0-2.327-.388c-3.037 0-6.327 2.024-6.327 5.431s3.29 5.431 6.327 5.431s6.327-2.024 6.327-5.431V15.711l12.346 2.961v6.126a7.3 7.3 0 0 0-2.327-.389c-3.037 0-6.327 2.024-6.327 5.432c0 3.407 3.29 5.43 6.327 5.43s6.327-2.023 6.327-5.43V12.235a2 2 0 0 0-.43-1.28a2 2 0 0 0-.679-.553m-15.238.406v.788l12.346 2.962v-.789zm-4 15.11c-.001-.384-.586-1.431-2.327-1.431c-1.743 0-2.327 1.048-2.327 1.431s.584 1.431 2.327 1.431s2.327-1.049 2.327-1.432m16.346 3.922c0-.383-.585-1.432-2.327-1.432s-2.327 1.049-2.327 1.432s.585 1.43 2.327 1.43s2.327-1.047 2.327-1.43m19.097-11.48a5.208 5.208 0 1 1 5.209-9.022l.793.459a5.208 5.208 0 0 1 1.18 8.09l2.154 1.244l11.702-6.757a2 2 0 1 1 2 3.464L62.43 21.44l9.702 5.602a2 2 0 0 1-2 3.464L58.43 23.748l-2.153 1.244a5.208 5.208 0 0 1-1.18 8.09l-.794.459a5.208 5.208 0 0 1-5.209-9.021l.794-.459l.019-.01l4.523-2.612l-4.523-2.611l-.019-.011zm2.386-3.242l.012.007l.396.229l.01.005a1.208 1.208 0 0 0 1.198-2.098l-.793-.458a1.208 1.208 0 1 0-1.209 2.092zm0 12.644l-.386.223a1.208 1.208 0 1 0 1.209 2.093l.793-.459a1.208 1.208 0 0 0-1.199-2.098l-.009.005l-.396.23z" clip-rule="evenodd"/><path fill="currentColor" fill-opacity=".25" d="M26.043 43.6a22.4 22.4 0 0 0-10.088 0a22.55 22.55 0 0 0-9.084 4.427a22.8 22.8 0 0 0-3.472 3.485a2 2 0 0 0 3.122 2.5a18.8 18.8 0 0 1 2.862-2.872a18.55 18.55 0 0 1 7.472-3.642c2.728-.63 5.56-.63 8.288 0a18.55 18.55 0 0 1 7.472 3.642a18.8 18.8 0 0 1 2.864 2.875a2 2 0 0 0 3.122-2.5a22.8 22.8 0 0 0-3.474-3.488a22.54 22.54 0 0 0-9.084-4.427"/><path fill="currentColor" fill-opacity=".25" d="M24.668 50.78a16.3 16.3 0 0 0-7.332 0a16.4 16.4 0 0 0-6.6 3.216a16.6 16.6 0 0 0-2.844 2.946a2 2 0 1 0 3.2 2.4a12.5 12.5 0 0 1 2.156-2.233a12.4 12.4 0 0 1 4.988-2.432c1.82-.42 3.711-.42 5.532 0a12.4 12.4 0 0 1 4.989 2.432a12.6 12.6 0 0 1 2.155 2.233a2 2 0 1 0 3.2-2.401a16.5 16.5 0 0 0-2.843-2.945a16.4 16.4 0 0 0-6.601-3.217"/><path fill="currentColor" fill-opacity=".25" d="M23.29 57.961a10.2 10.2 0 0 0-4.575 0a10.2 10.2 0 0 0-4.118 2.006a10.3 10.3 0 0 0-2.24 2.515a2 2 0 0 0 3.38 2.139a6.3 6.3 0 0 1 1.372-1.541a6.2 6.2 0 0 1 2.506-1.221a6.2 6.2 0 0 1 2.775 0c.913.21 1.77.627 2.505 1.221c.538.434 1 .954 1.371 1.54a2 2 0 0 0 3.38-2.14a10.3 10.3 0 0 0-2.239-2.513a10.2 10.2 0 0 0-4.117-2.006m36.208-14.689a2 2 0 0 1 2 1.992l.016 4.16a2 2 0 0 1-2 2.008a2 2 0 0 1-2.032-2.007l.016-4.16a2 2 0 0 1 2-1.993m-10.96 4.54a2 2 0 0 1 2.823-.006l2.953 2.931a2 2 0 0 1 .002 2.837a2 2 0 0 1-2.853.014l-2.93-2.953a2 2 0 0 1 .005-2.823m21.92 0a2 2 0 0 1 .006 2.823l-2.93 2.953a2 2 0 0 1-2.838.002a2 2 0 0 1-.014-2.853l2.953-2.93a2 2 0 0 1 2.823.005m-18.299 10.96a2 2 0 0 0-2.008-2.016l-4.16.016a2 2 0 0 0 0 4l4.16.016a2 2 0 0 0 2.008-2.016m15.018-1.13a2 2 0 0 1 1.669-.886l4.16.016a2 2 0 0 1 0 4l-4.16.016a2 2 0 0 1-2.008-2.016a2 2 0 0 1 .339-1.13m-12.86 6.328a2 2 0 0 0-2.854-.014l-2.93 2.953a2 2 0 0 0 2.828 2.828l2.953-2.93a2 2 0 0 0 .002-2.837m11.411-.567a2 2 0 0 1 1.806.553l2.93 2.953a2 2 0 0 1-2.828 2.828l-2.953-2.93a2 2 0 0 1 .014-2.853a2 2 0 0 1 1.031-.551m-6.213 2.709a2 2 0 0 0-2.032 2.007l.016 4.16a2 2 0 0 0 4 0l.016-4.16a2 2 0 0 0-2-2.007M61.7 53.454a5.757 5.757 0 1 0-4.405 10.637a5.757 5.757 0 0 0 4.406-10.637"/><path fill="currentColor" fill-opacity=".25" d="M20.998 63.843c-2.296 0-4.118 1.878-4.118 4.143c0 2.266 1.822 4.143 4.118 4.143s4.118-1.877 4.118-4.143s-1.822-4.143-4.118-4.143"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M32.89 10.403a2 2 0 0 0-.465-.164L16.162 6.337a2 2 0 0 0-.958-.015a2 2 0 0 0-1.344 1.06a2 2 0 0 0-.208.934v12.56a7.3 7.3 0 0 0-2.327-.388c-3.037 0-6.327 2.024-6.327 5.431s3.29 5.431 6.327 5.431s6.327-2.024 6.327-5.431V15.711l12.346 2.961v6.126a7.3 7.3 0 0 0-2.327-.389c-3.037 0-6.327 2.024-6.327 5.432c0 3.407 3.29 5.43 6.327 5.43s6.327-2.023 6.327-5.43V12.235a2 2 0 0 0-.43-1.28a2 2 0 0 0-.679-.553m-15.238.406v.788l12.346 2.962v-.789zm-4 15.11c-.001-.384-.586-1.431-2.327-1.431c-1.743 0-2.327 1.048-2.327 1.431s.584 1.431 2.327 1.431s2.327-1.049 2.327-1.432m16.346 3.922c0-.383-.585-1.432-2.327-1.432s-2.327 1.049-2.327 1.432s.585 1.43 2.327 1.43s2.327-1.047 2.327-1.43m19.097-11.48a5.208 5.208 0 1 1 5.209-9.022l.793.459a5.208 5.208 0 0 1 1.18 8.09l2.154 1.244l11.702-6.757a2 2 0 1 1 2 3.464L62.43 21.44l9.702 5.602a2 2 0 0 1-2 3.464L58.43 23.748l-2.153 1.244a5.208 5.208 0 0 1-1.18 8.09l-.794.459a5.208 5.208 0 0 1-5.209-9.021l.794-.459l.019-.01l4.523-2.612l-4.523-2.611l-.019-.011zm2.386-3.242l.012.007l.396.229l.01.005a1.208 1.208 0 0 0 1.198-2.098l-.793-.458a1.208 1.208 0 1 0-1.209 2.092zm0 12.644l-.386.223a1.208 1.208 0 1 0 1.209 2.093l.793-.459a1.208 1.208 0 0 0-1.199-2.098l-.009.005l-.396.23z" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M26.043 43.6a22.4 22.4 0 0 0-10.088 0a22.55 22.55 0 0 0-9.084 4.427a22.8 22.8 0 0 0-3.472 3.485a2 2 0 0 0 3.122 2.5a18.8 18.8 0 0 1 2.862-2.872a18.55 18.55 0 0 1 7.472-3.642c2.728-.63 5.56-.63 8.288 0a18.55 18.55 0 0 1 7.472 3.642a18.8 18.8 0 0 1 2.864 2.875a2 2 0 0 0 3.122-2.5a22.8 22.8 0 0 0-3.474-3.488a22.54 22.54 0 0 0-9.084-4.427"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M24.668 50.78a16.3 16.3 0 0 0-7.332 0a16.4 16.4 0 0 0-6.6 3.216a16.6 16.6 0 0 0-2.844 2.946a2 2 0 1 0 3.2 2.4a12.5 12.5 0 0 1 2.156-2.233a12.4 12.4 0 0 1 4.988-2.432c1.82-.42 3.711-.42 5.532 0a12.4 12.4 0 0 1 4.989 2.432a12.6 12.6 0 0 1 2.155 2.233a2 2 0 1 0 3.2-2.401a16.5 16.5 0 0 0-2.843-2.945a16.4 16.4 0 0 0-6.601-3.217"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M23.29 57.961a10.2 10.2 0 0 0-4.575 0a10.2 10.2 0 0 0-4.118 2.006a10.3 10.3 0 0 0-2.24 2.515a2 2 0 0 0 3.38 2.139a6.3 6.3 0 0 1 1.372-1.541a6.2 6.2 0 0 1 2.506-1.221a6.2 6.2 0 0 1 2.775 0c.913.21 1.77.627 2.505 1.221c.538.434 1 .954 1.371 1.54a2 2 0 0 0 3.38-2.14a10.3 10.3 0 0 0-2.239-2.513a10.2 10.2 0 0 0-4.117-2.006m36.208-14.689a2 2 0 0 1 2 1.992l.016 4.16a2 2 0 0 1-2 2.008a2 2 0 0 1-2.032-2.007l.016-4.16a2 2 0 0 1 2-1.993m-10.96 4.54a2 2 0 0 1 2.823-.006l2.953 2.931a2 2 0 0 1 .002 2.837a2 2 0 0 1-2.853.014l-2.93-2.953a2 2 0 0 1 .005-2.823m21.92 0a2 2 0 0 1 .006 2.823l-2.93 2.953a2 2 0 0 1-2.838.002a2 2 0 0 1-.014-2.853l2.953-2.93a2 2 0 0 1 2.823.005m-18.299 10.96a2 2 0 0 0-2.008-2.016l-4.16.016a2 2 0 0 0 0 4l4.16.016a2 2 0 0 0 2.008-2.016m15.018-1.13a2 2 0 0 1 1.669-.886l4.16.016a2 2 0 0 1 0 4l-4.16.016a2 2 0 0 1-2.008-2.016a2 2 0 0 1 .339-1.13m-12.86 6.328a2 2 0 0 0-2.854-.014l-2.93 2.953a2 2 0 0 0 2.828 2.828l2.953-2.93a2 2 0 0 0 .002-2.837m11.411-.567a2 2 0 0 1 1.806.553l2.93 2.953a2 2 0 0 1-2.828 2.828l-2.953-2.93a2 2 0 0 1 .014-2.853a2 2 0 0 1 1.031-.551m-6.213 2.709a2 2 0 0 0-2.032 2.007l.016 4.16a2 2 0 0 0 4 0l.016-4.16a2 2 0 0 0-2-2.007M61.7 53.454a5.757 5.757 0 1 0-4.405 10.637a5.757 5.757 0 0 0 4.406-10.637"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M20.998 63.843c-2.296 0-4.118 1.878-4.118 4.143c0 2.266 1.822 4.143 4.118 4.143s4.118-1.877 4.118-4.143s-1.822-4.143-4.118-4.143"/></g></svg>

Cómo usar el icono Icons 1 Outline

React

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

<Icon icon="glyphs:icons-1-outline" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:icons-1-outline" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:icons-1-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--icons-1-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:icons-1-outline"></div>

Web component

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

<iconify-icon icon="glyphs:icons-1-outline"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/glyphs/icons-1-outline.svg" alt="Icono Icons 1 Outline" width="24" height="24">

Iconos relacionados en Glyphs

Preguntas frecuentes sobre Icono Icons 1 Outline

¿El icono Icons 1 Outline es gratis para uso comercial?

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

¿Cómo uso el icono Icons 1 Outline en React?

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

¿Cómo añado el icono Icons 1 Outline a una página web?

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

Ver todos los Iconos Glyphs →