Yumebox アイコン

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

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

arcticons:yumebox

Yumebox アイコン(arcticons:yumebox)は、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"><rect width="37" height="37" x="5.5" y="5.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="4" ry="4"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.64 42.494c.615-3.2 1.229-6.401 1.571-7.925s.413-1.371.002-1.975a259 259 0 0 1-1.938-2.936c-.636-.973-1.015-1.56-1.068-1.993s.22-.71 1.307-3.107c1.089-2.396 1.586-3.577 2.986-6.971s1.584-3.977 1.79-3.806s.434 1.097.897 2.33s1.16 2.773 1.543 3.588c.384.814.454.903 1.167.57s2.07-1.087 3.43-1.074s2.722.792 3.47 1.128s.881.228 1.483-.63c.603-.86 1.674-2.47 2.273-3.893s.726-2.66 1.299-1.696c.573.963 1.056 2.46 2.349 6.45s.265.847 1.293 4.162s1.017 3.167.48 4.043s-1.622 2.48-2.196 3.32s-.636.916-.63 1.03s.083.266.404 1.816s.884 4.498 1.448 7.445M14.853 26.548l5.248-.912"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M14.872 26.662c.318.544.637 1.087 1.186 1.524s1.326.77 1.982.659c.657-.11 1.192-.663 1.515-1.25c.323-.586.435-1.206.546-1.826m7.855-.419l5.534.856m-5.534-.723c.228.736.456 1.471.859 2.007s.979.871 1.607.928c.627.057 1.305-.164 1.825-.58s.881-1.023 1.243-1.632m-11.354.266l4.184-.057m0 .095l-1.788 3.69m-2.377-3.67l2.358 3.67m-7.058 4.911l-.713 4.155m.027.041c.376.354.753.708 1.215.845c.461.136 1.008.056 1.398-.292c.39-.347.623-.961.686-1.683s-.045-1.551-.253-2.093c-.209-.543-.518-.798-.926-.913s-.914-.087-1.42-.06m13.206-.157l.514 4.431m-.525-4.507c-.446-.063-.893-.127-1.382.019c-.49.146-1.022.5-1.336.948s-.409.985-.421 1.467a3.8 3.8 0 0 0 .206 1.347c.149.44.377.897.659 1.208s.618.475.963.491c.346.016.701-.117 1.002-.298s.548-.409.796-.637"/></svg>

Yumebox アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

Arcticons をすべて見る →