Zork icon
file-icons:zork
The Zork icon (file-icons:zork) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 470 × 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
- 470 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="470" height="512" viewBox="0 0 470 512"><path fill="currentColor" d="M.759 165.51L62.419 0h395.17v15.415L288.02 237.72c69.901 28.187 114.194 1.22 154.035-44.834c5.58-1.708 12.537 1.018 18.7 9.038c-51.748 76.819-116.878 126.876-208.38 85.34l-139.602 184.93l214.072-.812c78.347-.973 113.262-56.177 124.252-132.299h18.66c-1.691 50.342-7.911 109.574-16.226 172.918H0v-16.227l177.33-230.722c-43.532-14.035-95.486-18.806-145.688 52.178c-7.57 2.133-14.044-.919-19.472-8.925c55.771-83.546 112.226-119.778 201.21-90.868L347.953 38.944H150.907C97.854 45.704 50 96.117 26.774 165.51z"/></svg>How to use the Zork icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:zork" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:zork" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:zork" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--zork]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:zork"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:zork"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/zork.svg" alt="Zork icon" width="24" height="24">Zork icon FAQ
Is the Zork 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 Zork icon in React?
Install @iconify/react and render <Icon icon="file-icons:zork" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Zork icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/zork.svg" alt="Zork icon">, or paste the SVG code inline to style it with CSS.