Graph icon
simple-line-icons:graph
The Graph icon (simple-line-icons:graph) is a free SVG icon from the Simple line icons set by Sabbir Ahmed. It is drawn on a 1024 × 1024 grid. Simple line icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Simple line icons
- Author
- Sabbir Ahmed
- License
- MIT
- Size
- 1024 × 1024
SVG code
<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>
How to use the Graph icon
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>
HTML image
<img src="https://iconyz.com/api/public/svg/simple-line-icons/graph.svg" alt="Graph icon" width="24" height="24">
Graph icon in other icon sets
Graph icon FAQ
Is the Graph icon free for commercial use?
Yes. Simple line icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Graph icon in React?
Install @iconify/react and render <Icon icon="simple-line-icons:graph" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Graph icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/simple-line-icons/graph.svg" alt="Graph icon">, or paste the SVG code inline to style it with CSS.
Browse all Simple line icons →
ICONYZ
