Inkscape icon

file-icons:inkscape

The Inkscape icon (file-icons:inkscape) 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="M426.938 392.652c0 9.595 74.496 15.078 70.383-2.284c-5.941-29.241-62.156-26.957-70.383 2.284m-317.639 50.715c16.91 14.62 42.504-3.198 50.731-23.758c-16.453-21.474-77.239 1.37-50.73 23.758m308.498-30.611c-21.023 19.189 3.657 39.292 24.223 26.042c5.484-3.655-.457-21.474-24.223-26.042m-58.957-68.534c44.79-31.526 209.321-47.517 133.454-123.36L297.14 21.2c-24.223-22.845-63.984-22.845-86.38 0L22.464 214.008c-71.298 71.275 46.16 65.335 88.664 92.292c19.653 12.793-63.07 29.241-46.16 46.146c16.453 16.905 99.176 32.44 115.63 48.887c16.453 16.905-33.364 34.724-16.91 51.629c15.995 16.905 54.386.914 61.242 39.293c5.027 28.327 70.383 14.163 99.633-10.052c18.282-15.534-31.535-15.534-15.082-32.44c41.133-41.576 77.696-18.732 92.778-57.11c8.227-20.56-62.156-35.181-43.418-48.431m-162.136-12.908c-12.09-5.443-32.222-.925-42.423-8.415c-6.471-4.752 3.914-6.077 21.503-8.37c25.488-3.321 64.83 9.635 71.52 13.08c6.69 3.444 7.528 5.553 7.528 5.553c6.565 25.773-29.109 11.215-58.128-1.848m129.23-225.59l-7.313 44.32L288 133.594l-49.817 31.525L221.73 98.87l-26.508 57.569l-66.27-.457c-12.797 0-10.969-13.25 2.285-26.5c26.05-28.784 76.782-77.671 92.778-94.576c16.453-16.905 45.246-16.449 61.7 0l74.496 75.844c6.856 6.853 6.856 21.017 2.742 25.128z"/></svg>

How to use the Inkscape icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Inkscape icon in other icon sets

Inkscape icon FAQ

Is the Inkscape 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 Inkscape icon in React?

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

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

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

Browse all File Icons →