Draw Io icon
file-icons:draw-io
The Draw Io icon (file-icons:draw-io) 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
- Tags
- drawio
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M511.87 503.111h-512v-512h512zM296.79 323.227v73.978c0 15.36 12.453 27.813 27.814 27.813h95.925c15.361 0 27.814-12.452 27.814-27.813v-73.978c0-15.361-12.453-27.814-27.814-27.814h-53.161L310.79 199.05c12.251-2.909 21.367-13.913 21.367-27.054V97.018c0-15.361-12.452-27.814-27.813-27.814h-95.926c-15.36 0-27.813 12.453-27.813 27.814v74.978c0 12.82 8.677 23.608 20.476 26.828l-56.71 96.59H91.209c-15.36 0-27.813 12.452-27.813 27.813v73.978c0 15.36 12.452 27.813 27.813 27.813h95.926c15.36 0 27.813-12.452 27.813-27.813v-73.978c0-16.797-8.624-27.814-35.789-27.814l56.133-95.603h43.155l56.132 95.603c-27.361-1.882-38.508 16.088-37.789 27.814"/></svg>How to use the Draw Io icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:draw-io" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:draw-io" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:draw-io" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--draw-io]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:draw-io"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:draw-io"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/draw-io.svg" alt="Draw Io icon" width="24" height="24">Draw Io icon in other icon sets
Draw Io icon FAQ
Is the Draw Io 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 Draw Io icon in React?
Install @iconify/react and render <Icon icon="file-icons:draw-io" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Draw Io icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/draw-io.svg" alt="Draw Io icon">, or paste the SVG code inline to style it with CSS.