Ioke icon

file-icons:ioke

The Ioke icon (file-icons:ioke) 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="M0 468.65c33.305-26.396 72.271-48.716 116.91-66.957q66.956-27.37 138.696-27.368c42.155 0 82.542 6.817 121.16 20.46c44.813 15.942 89.452 40.56 133.916 73.865v34.273q-55.268-32.148-78.913-42.51q-36.669-16.211-76.524-25.507q-49.688-11.427-99.904-11.426q-127.805 0-255.341 79.443zm0-241.26v-34.275q127.537 79.444 255.34 79.445c33.3 0 66.335-3.812 99.108-11.425q39.855-9.038 76.523-25.242c15.943-6.908 42.513-21.17 79.711-42.778v34.275q-66.697 49.952-133.915 73.866q-57.929 20.458-121.16 20.459q-71.74 0-138.698-27.5C49.951 266.715 33.305 253.603 0 227.39m506.891-55.16q-11.086 4.566-22.609 6.848q-11.52 2.283-24.348 2.283q-30.543 0-46.684-16.359q-16.141-16.358-16.142-47.12q0-29.782 15.543-47.065q15.544-17.283 42.392-17.283q27.065 0 42.012 16.032Q512 85.601 512 114.73v12.935h-82.5q.108 14.348 8.478 21.413q8.37 7.066 25 7.065q10.978 0 21.63-3.152q10.653-3.152 22.283-10zm-26.957-68.478q-.217-12.609-6.466-19.077q-6.252-6.466-18.425-6.467q-10.978 0-17.5 6.685t-7.718 18.967zM271.998 9.077h31.848v88.805l38.261-41.413h38.587l-46.087 45.435l48.696 76.305h-35.218l-33.37-56.957l-10.87 10.435v46.522h-31.847zm-142.284 108.37q0-29.456 15.272-46.685q15.271-17.227 41.033-17.228q25.869.001 41.141 17.228q15.271 17.23 15.272 46.685q-.001 29.458-15.272 46.686t-41.14 17.227q-25.762 0-41.033-17.228t-15.272-46.686m56.305-38.043q-11.413 0-17.935 10.054t-6.522 27.99t6.522 27.989t17.935 10.054q11.521 0 18.043-10.054t6.522-27.99t-6.522-27.989t-18.043-10.054M3.734 44.186V15.925h96.632v28.26H68.083v105.763h32.283v28.26H3.734v-28.26h32.283V44.186z"/></svg>

How to use the Ioke icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Ioke icon FAQ

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

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

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

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

Browse all File Icons →