Storyteller アイコン

Q: Storyteller アイコンは商用利用でも無料ですか?

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

arcticons:storyteller

Storyteller アイコン(arcticons:storyteller)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Arcticons
作者: Donnnno
ライセンス: CC-BY-SA-4.0
サイズ: 48 × 48

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.132 15.927c.938-2.928 4.306-7.944 11.926-5.833s5.15 7.086 5.15 7.086s-.054 1.987.165 2.205c.218.219 1.547.838 1.401 1.129s-1.183.437-1.238.764c-.054.328.146.601.146.601s1.202-.874 1.202-.182s-.401 1.074-.365 1.165s.51 1.31-.09 1.347c-.601.037-.583-.746-.984-.31c-.4.438-3.476 2.458-5.697 1.949s2.767 1.893 2.64 2.184s.2 1.074-.492 1.475c-.692.4-1.639.964-.947 2.512c.692 1.547 1.53 4.642 1.42 5.406c-.11.765.746 1.402.765 1.802c.018.4-1.912.637-3.332.601S5.018 39.737 5 39.664s2.876-1.329 3.95-2.658s5.37-5.825 5.88-6.116s-8.607-2.776-4.698-14.964m7.009-7.3s1.144-.143 1.506.472m1.236.236s1.249-1.274 1.686-1.158"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M19.574 9.712s.58 2.815.399 3.522m4.941-1.986s.51 2.185-.982 3.605s-3.987 4.223-3.987 4.223s2.549 1.42 1.803 3.732s-3.095 3.458-3.095 3.458"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M22.599 19.568s.502.836 1.506.785c1.004-.052 1.866-.837 1.866-.837m-1.686-2.825l.812-.765M13.062 29.311s1.286-3.357 3.667-3.333c2.381.023 3.218 1.39 3.218 1.39s1.674 2.549-.527 2.935l-.322.875l-1.223-.206s-1.66 4.673-2.201 4.698c-.54.026-1.635-.244-1.274-.618s.514-.45.553-.772s-.186-3.698-.186-3.698m.053.068l3.666.425m1.368 7.205s.181 1.528.453 1.53m-7.335-.05s2.802-1.324 3.242-2.094m-7.978 2.058c.368-.678 2.88-1.953 3.281-2.863m20.239-5.709s-3.99-.695-4.17.206s.283 3.115 2.11 4.634c1.828 1.52.773 2.085.773 2.085s-.927.799.463 1.03c1.39.232 9.29.044 9.29.044s4.046-3.081 2.372-5.012c-1.673-1.931-4.53-4.094-6.101-4.222s-.23-.624-.32-.972c-.092-.349.1-2.37-1.985-2.424s-2.476 1.484-2.466 1.593c.009.11.427 1.347.09 1.356s-1.747-.109-2.111.082s-.81.82-.218 1.01s2.273.59 2.273.59"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M31.756 31.152s3.051 2.423 2.906 3.78s-2.44 3.167-2.44 3.167s-1.782-1.37-1.879-1.48m9.626-2.146s-2.318-1.416-3.167 0c-.85 1.416-1.055 3.553-1.055 3.553l-.747.206s-.605-.978-.927-.399s-.122 1.453-.122 1.453m-.307-10.918l-.141.682m-2.26-10.535s.514 3.151.81 3.416s3.332-.332 3.68-.64c.346-.309 1.064-1.862.147-2.431c-.916-.57-1.882.099-1.882.099s.605-1.182-.454-1.715c-1.06-.532-2.123-.057-2.3 1.27Z"/></svg>

Storyteller アイコンの使い方

React

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

<Icon icon="arcticons:storyteller" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:storyteller" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:storyteller" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--storyteller]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="arcticons:storyteller"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/storyteller.svg" alt="Storyteller アイコン" width="24" height="24">

Arcticons の関連アイコン

他のアイコンセットの Storyteller アイコン

Storyteller アイコンのよくある質問

Storyteller アイコンは商用利用でも無料ですか?

はい。Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Storyteller アイコンを使うには?

@iconify/react をインストールして <Icon icon="arcticons:storyteller" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Storyteller アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/storyteller.svg" alt="Storyteller アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Arcticons をすべて見る →