Storyteller Alt アイコン

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

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

arcticons:storyteller-alt

Storyteller Alt アイコン(arcticons:storyteller-alt)は、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
タグ: storytelleralt

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><ellipse cx="24" cy="39.956" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="4.116" ry="2.351"/><ellipse cx="31.982" cy="38.548" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="4.116" ry="2.351" transform="rotate(-20 31.982 38.548)"/><ellipse cx="39.003" cy="34.495" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="4.116" ry="2.351" transform="rotate(-40 39.003 34.495)"/><ellipse cx="16.017" cy="38.549" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="2.351" ry="4.116" transform="rotate(-70 16.017 38.549)"/><ellipse cx="8.997" cy="34.495" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="2.351" ry="4.116" transform="rotate(-50 8.997 34.495)"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.762 28.594c-.93-.275-2.175-.18-3.374.256c-1.548.563-2.756 1.6-3.068 2.635m4.763 1.749c1.329-.503 2.405-1.358 2.846-2.262m22.988 2.262c-2.092-.792-3.413-2.384-2.976-3.584c.444-1.22 2.535-1.579 4.67-.801c1.55.563 2.757 1.6 3.07 2.635m-23.856-9.709s-.462-1.497-1.228-2.263s-1.532-1.99-1.532-1.99s1.175 3.93-.05 6.075s-.256 4.136.51 5.208s4.748 6.126 4.748 6.126"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M15.536 20.134s-3.742 3.062-3.023 7.394s4.595 6.893 7.76 7.404m0-.001s3.166.281 7.403.026c4.238-.255 7.353-6.867 7.659-8.756s-.51-4.136-.97-4.85c-.46-.716-.46-2.043-.613-3.37c-.153-1.328 1.379-2.656 1.379-2.656s-1.496.26-3.998 2.302"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M22.73 34.95c-.136.117-1.434-2.35 1.78-4.87c2.321-1.817 5.412-4.057 5.923-7.351c.388-2.496-2.592-3.677-5.757-4.953"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M30.433 22.729s2.553-3.727-.51-7.76c-3.064-4.034-4.29-3.285-3.523-9.276c0 0-4.85 2.74-4.136 6.825c.715 4.084 3.012 4.34 2.86 7.71c-.154 3.369-.065 3.912-5.426 9.58"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M18.038 32.08c-.591-3.67-1.337-4.788-.982-7.156c.75-2.73 1.65-6.233.817-9.7c-.84-3.499 1.991-5.821 1.991-5.821s-.204 2.961 1.736 5.77c1.94 2.807 2.663 6.113-.204 9.24c-2.859 3.118-1.811 8.764.69 10.538M26.4 5.693s-3.598 3.64-1.94 6.059c2.17 3.165 6.664 3.267 6.964 7.156m-6.126 16.144c-.06.029.264-3.101 4.981-5.385c3.322-1.608 4.117-8.315 4.085-8.317"/></svg>

Storyteller Alt アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Arcticons の関連アイコン

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

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

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

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

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

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

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

Arcticons をすべて見る →