Gravit Designer icon
file-icons:gravit-designer
The Gravit Designer icon (file-icons:gravit-designer) 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
- gravitdesigner
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M33.596 351.454c-12.018-27.53-18.32-56.076-19.508-84.386L164.753 97.161l76.385-67.593zM223.83 17.346C177.639 66.21 102.338 140.708 16.016 225.13C29.873 122.482 109.463 31.848 223.83 17.346m14.68 478.789c5.548-155.043 52.5-314.589 122.752-456.198c94.66 46.966 151.783 154.309 130.608 262.186c-85.413 59.85-165.822 154.6-194.99 190.947c-19.093 3.235-38.5 4.557-58.37 3.065M512 256C512 59.662 297.992-63.716 127.711 34.453s-170.281 344.925 0 443.094S512 452.338 512 256"/></svg>How to use the Gravit Designer icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:gravit-designer" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:gravit-designer" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:gravit-designer" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--gravit-designer]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:gravit-designer"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:gravit-designer"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/gravit-designer.svg" alt="Gravit Designer icon" width="24" height="24">Gravit Designer icon FAQ
Is the Gravit Designer 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 Gravit Designer icon in React?
Install @iconify/react and render <Icon icon="file-icons:gravit-designer" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Gravit Designer icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/gravit-designer.svg" alt="Gravit Designer icon">, or paste the SVG code inline to style it with CSS.