ICONYZ
Español
Icono Graph de Simple line icons

Icono Graph

simple-line-icons:graph

El icono Graph (simple-line-icons:graph) es un icono SVG gratuito de la colección Simple line icons de Sabbir Ahmed. Está dibujado en una cuadrícula de 1024 × 1024. Simple line 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
Simple line icons
Autor
Sabbir Ahmed
Licencia
MIT
Tamaño
1024 × 1024
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M944 224c-44.192 0-79.999 35.824-79.999 80c0 9.072 1.84 17.632 4.607 25.76L673.6 497.68C659.92 486.784 642.848 480 624 480c-21.743 0-41.407 8.736-55.808 22.816l-152.752-76.48C412.465 384.848 378.241 352 336 352c-44.175 0-80 35.824-80 80c0 12.096 2.88 23.44 7.68 33.712L107.936 645.296C99.2 642.032 89.872 640 80 640c-44.176 0-80 35.824-80 80s35.824 80 80 80s80-35.824 80-80c0-10.64-2.176-20.767-5.952-30.048l158.272-181.92C319.856 510.368 327.696 512 336 512c23.28 0 44.047-10.112 58.671-26l149.408 74.912C544.608 604.656 580.127 640 624 640c44.193 0 80-35.824 80-80c0-1.424-.336-2.752-.416-4.16L911.68 377.072C921.584 381.456 932.463 384 944 384c44.193 0 80-35.808 80-80c0-44.176-35.807-80-79.999-80z"/></svg>

Cómo usar el icono Graph

React

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

<Icon icon="simple-line-icons:graph" width="24" />

Vue

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

<template>
  <Icon icon="simple-line-icons:graph" width="24" />
</template>

Svelte

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

<Icon icon="simple-line-icons:graph" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-line-icons--graph]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/simple-line-icons -->
<div class="i-simple-line-icons:graph"></div>

Web component

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

<iconify-icon icon="simple-line-icons:graph"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/simple-line-icons/graph.svg" alt="Icono Graph" width="24" height="24">

El icono Graph en otras colecciones

Preguntas frecuentes sobre Icono Graph

¿El icono Graph es gratis para uso comercial?

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

¿Cómo uso el icono Graph en React?

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

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

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

Ver todos los Simple line icons →