Frozenbubble アイコン

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

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

arcticons:frozenbubble

Frozenbubble アイコン(arcticons:frozenbubble)は、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="M8.456 42.996a6.57 6.57 0 0 1 4.033-3.279l-.465-.975a4.36 4.36 0 0 0-2.683.32c-.55-1.06.4-2.563 1.592-4.14a2.38 2.38 0 0 1 .362-2.916c-1.769-1.912-1.091-3.296.803-4.417c.611-2.02 4.531-4.2 6.118-4.19c2.124.066 6.425 3.71 8.439 6.84c2.832 1.182 3.427 3.577 3.486 6.264c-3.242.314-5.997-1.546-8.589-4.137"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M26.655 30.24a3.9 3.9 0 0 0-2.436-.86m4.655 7.151l-.853 3.313A10.14 10.14 0 0 1 32.395 43c1.182-1.04 2.543-3.487 3.683-3.204"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M40.13 42.998a7.85 7.85 0 0 0-4.053-3.202l.335-.856a3.5 3.5 0 0 1 2.369.18a4.8 4.8 0 0 0-1.047-4.211c.467-1.745.253-2.849-.629-2.996c2.448-2.323.908-4.352-.804-4.465c-.41-1.533-4.177-4.064-6.02-4.272c-1.961.12-5.12 2.81-5.987 4.153m-13.361 7.593a3.03 3.03 0 0 0 1.06 2.221c2.744-.103 5.311-.522 6.538-3.345l-.917-1.307m10.573 7.411c-2.639-1.548-5.212-.604-7.466 3.097h-4.083c-1.177-1.806-2.428-3.352-4.15-3.282"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M37.735 34.909a6.3 6.3 0 0 1-1.041 2.287c-2.825.08-4.423-1.497-6.1-2.925a7.3 7.3 0 0 1 .694-1.714m-19.993-.552c.985.218 1.517-.399 1.99-.97a3.311 3.311 0 0 0 6.238-1.389c-.053-2.24-3.094-6.177-6.56-1.32l-.865-.737"/><ellipse cx="16.958" cy="28.781" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx=".631" ry=".648"/><ellipse cx="32.804" cy="29.319" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx=".631" ry=".648"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.031 30.296a1.2 1.2 0 0 1-.027-.323c.003-.146.019-.254.037-.253s.034.11.037.256a1.1 1.1 0 0 1-.027.32m24.483-.174a1.1 1.1 0 0 1-.027-.323c.003-.145.019-.254.037-.253s.034.11.037.256a1.1 1.1 0 0 1-.027.321"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M36.3 27.449a.88.88 0 0 0-.798.78c.115-2.435-6.444-3.144-6.444 1.196c0 4.146 6.265 4.284 6.32 1.46c.48 1.059.889 1.423 1.728 1.028"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.167 35.975a18.676 18.676 0 0 1 .877-25.659a18.446 18.446 0 0 1 25.54-.356a18.675 18.675 0 0 1 1.584 25.624M7.966 43h32.59"/></svg>

Frozenbubble アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

Arcticons をすべて見る →