Storyist アイコン
file-icons:storyist
Storyist アイコン(file-icons:storyist)は、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="M.129 166.957L136.312 30.774c69.683 16.555 124.806 60.72 144.564 142.468c14.457 9.82 35.598 9.157 51.33 0c10.476-72.63 66.61-121.148 132.257-133.719c3.713.224 5.444 6.937.784 9.06c-89.504 28.475-113.068 75.702-122.823 128.123L201.94 315.969c-21.318 10.682-46.836 11.709-62.57-4.757c-16.2-67.772-70.888-121.732-136.85-138.68c-2.114-.732-2.844-2.648-2.391-5.575M186.135 375.33c46.171 11.863 83.404 49.634 94.743 97.071c11.013 11.526 29.922 10.808 44.845 3.33l98.334-97.48c6.827-36.692 23.321-69.75 85.971-89.681c3.262-1.486 2.05-6.185-.549-6.341c-45.95 8.799-85.242 42.76-92.575 93.598c-11.012 6.41-25.81 6.874-35.93 0c-13.829-57.22-53.46-90.23-102.237-101.818l-95.323 96.371c-.317 2.05 1.242 4.438 2.72 4.95M301.86 160.148c12.779-49.77 44.979-83.942 64.826-103.79c-25.85 17.213-51.64 39.192-77.388 64.608c5.547 9.378 9.922 23.423 12.562 39.182m96.37 205.12c10.184-39.662 35.845-66.895 51.662-82.712c-20.6 13.716-41.154 31.232-61.673 51.487c4.42 7.474 7.907 18.667 10.011 31.226"/></svg>Storyist アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:storyist" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:storyist" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:storyist" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--storyist]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:storyist"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:storyist"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/file-icons/storyist.svg" alt="Storyist アイコン" width="24" height="24">Storyist アイコン のよくある質問
Storyist アイコンは商用利用でも無料ですか?
はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Storyist アイコンを使うには?
@iconify/react をインストールして <Icon icon="file-icons:storyist" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Storyist アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/storyist.svg" alt="Storyist アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。