Storyist icon

file-icons:storyist

The Storyist icon (file-icons:storyist) 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="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>

How to use the Storyist icon

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 component

<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 image

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

Storyist icon FAQ

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

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

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

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

Browse all File Icons →