Ikon Storybook

file-icons:storybook

Ikon Storybook (file-icons:storybook) adalah ikon SVG gratis dari set File Icons karya John Gardner. Ikon ini digambar pada grid 420 × 512. File Icons dirilis di bawah lisensi ISC, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: File Icons
Pembuat: John Gardner
Lisensi: ISC
Ukuran: 420 × 512

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="420" height="512" viewBox="0 0 420 512"><path fill="currentColor" d="M53.97 494.87L29.13 30.647l-29.13 2L19.13 494.87zm188.84-386.747c64.409 0 101.41 35.173 99.583 106.435l-73.546 1.827c1.37-38.372-15.074-42.026-24.21-42.026c-8.68 0-23.298 2.741-23.298 23.297c0 50.705 125.166 47.964 125.166 150.288c0 57.557-44.768 84.05-101.868 84.05c-58.928 0-110.547-20.099-104.608-108.262h77.199c-.914 35.631 6.854 48.422 26.496 48.422c15.075 0 21.926-8.68 21.926-23.297c0-52.076-123.337-53.902-123.337-149.374c0-54.816 36.087-91.36 100.497-91.36M420 0l-39.978 3.262v77.354L347.528 48.27l-30.993 36.347V6.466L56.647 26.647l26.84 468.224L420 512z"/></svg>

Cara memakai ikon Storybook

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Gambar HTML

<img src="https://iconyz.com/api/public/svg/file-icons/storybook.svg" alt="Ikon Storybook" width="24" height="24">

Ikon Storybook di set ikon lain

FAQ Ikon Storybook

Apakah ikon Storybook gratis untuk penggunaan komersial?

Ya. File Icons dirilis di bawah lisensi ISC, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Storybook di React?

Pasang @iconify/react lalu render <Icon icon="file-icons:storybook" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Storybook ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/file-icons/storybook.svg" alt="Ikon Storybook">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua File Icons →