Graphviz icon

file-icons:graphviz

The Graphviz icon (file-icons:graphviz) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC 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: File Icons
Author: John Gardner
License: ISC
Size: 512 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m373.64 253.725l-61.27-225.04L0 111.159l97.794 372.154l315.435-84.183l-29.096-106.868l-46.883-20.514c-11.099 11.293-27.584 18.913-44.803 18.913c-33.621 0-60.973-26.82-60.973-59.785s27.352-59.785 60.973-59.785s60.972 26.82 60.972 59.786c0 4.802-.58 9.472-1.675 13.949zM243.048 143.082s-7.706 3.775-9.095 6.552c-.045.09-.106.19-.159.286l.679.597c5.077 4.464 12.703 11.179 21.656 20.435a71.3 71.3 0 0 0-11.75 8.641c-8.01-8.178-14.826-14.183-19.438-18.238l-.323-.284c-1.764 3.167-3.504 9.95-3.504 9.95s-7.207-25.692-10.405-32.197c4.524 1.685 25.895 5.335 32.338 4.259zm-74.556 305.303c-28.486 7.382-55.584-2.096-60.527-21.169c-4.609-17.785 11.677-37.627 36.992-46.213c-16.174-51.035-28.194-125.123-3.911-205.758a10 10 0 0 1-.891-.463c-2.649-1.619-11.184-.736-11.184-.736c6.034-2.502 22.221-16.924 25.165-20.75c.736 7.211 8.241 32.817 8.241 32.817s-4.481-4.268-7.655-6.234c-23.2 77.491-11.351 148.797 4.302 197.731c25.463-3.759 48.982 5.396 52.095 22.875c3.829 21.502-14.142 40.52-42.627 47.901zm174.226-47.423c-28.486 7.382-55.584-2.096-60.527-21.169c-3.709-14.313 6.111-29.961 23.281-40c-6.305-1.633-26.875-6.863-33.2-7.257l10.362-4.104l-49.387-46.435c-4.368 2.02-9.131 3.724-14.24 5.048a79 79 0 0 1-10.696 2.004l-19.631 63.495l10.612-.128c-8.008.57-24.489 24.397-24.489 24.397s-5.631-27.933-8.524-34.873l8.257 7.488l18.613-60.202c-17.501-1.726-31.285-10.286-34.671-23.351c-4.943-19.073 14.142-40.52 42.627-47.901c.226-.059.452-.107.679-.163c-5.107-5.413-18.628-19.584-23.532-23.119l10.938 2.051l-12.632-45.356c-25.847 4.318-49.104-5.095-53.647-22.624c-4.943-19.073 14.142-40.52 42.627-47.901s55.584 2.096 60.527 21.169c4.52 17.443-11.06 36.863-35.543 45.703l12.333 44.279l9.006-5.688c-5.315 3.814-7.335 23.726-7.901 30.969a79 79 0 0 1 13.707-1.787a76.5 76.5 0 0 0-1.174 13.312c0 36.706 26.208 67.47 61.136 75.1l14.041 13.202l4.57-9.583c-2.634 6.481 7.738 26.525 10.45 31.573c5.416-3.024 11.514-5.503 18.127-7.217c.134-.035.268-.063.402-.097a358 358 0 0 0-9.861-34.884a71.3 71.3 0 0 0 13.209-5.995a373 373 0 0 1 10.935 38.606c22.951-1.521 42.986 7.502 45.842 23.539c3.829 21.502-14.142 40.52-42.627 47.901zm58.744-131.999l-2.1 4.705l-41.996-19.86l-7.493 15.844l42.171 19.942l-1.926 4.787l110.537 49.329l11.344-25.419l-110.537-49.329z"/></svg>

How to use the Graphviz icon

React

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

<Icon icon="file-icons:graphviz" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:graphviz" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:graphviz" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="file-icons:graphviz"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/graphviz.svg" alt="Graphviz icon" width="24" height="24">

Graphviz icon in other icon sets

Graphviz icon FAQ

Is the Graphviz icon free for commercial use?

Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.

How do I use the Graphviz icon in React?

Install @iconify/react and render <Icon icon="file-icons:graphviz" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Graphviz icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/graphviz.svg" alt="Graphviz icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →