Ioke アイコン
file-icons:ioke
Ioke アイコン(file-icons:ioke)は、File Icons セットの無料 SVG アイコンです（作者: John Gardner）。 512 × 512 のグリッドで描かれています。 File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- File Icons
- 作者
- John Gardner
- ライセンス
- ISC
- サイズ
- 512 × 512
SVG コード
<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>Ioke アイコンの使い方
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 コンポーネント
<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 画像
<img src="https://iconyz.com/api/public/svg/file-icons/ioke.svg" alt="Ioke アイコン" width="24" height="24">Ioke アイコン のよくある質問
Ioke アイコンは商用利用でも無料ですか?
はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ioke アイコンを使うには?
@iconify/react をインストールして <Icon icon="file-icons:ioke" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ioke アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/ioke.svg" alt="Ioke アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。