ICONYZ
日本語
SmartIcons Glyph の Christmass Ball アイコン

Christmass Ball アイコン

si-glyph:christmass-ball

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

アイコンセット
SmartIcons Glyph
作者
SmartIcons
ライセンス
CC-BY-SA-4.0
サイズ
16 × 24
タグ
christmassball
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="24" viewBox="0 0 16 24"><path fill="currentColor" fill-rule="evenodd" d="M8.346 2.287a6.86 6.86 0 0 0-3.115-.121l8.605 8.547a6.8 6.8 0 0 0-.115-3.072c-.073-.269-5.123-5.287-5.375-5.354M2.178 13.826c2.132 2.118 5.215 2.66 7.711 1.602L.567 6.17C-.5 8.647.047 11.709 2.178 13.826M2.033 4.06c-.271.269-.503.56-.713.861l9.824 9.757a6 6 0 0 0 .867-.706a6.1 6.1 0 0 0 1.253-1.828l-9.39-9.328A6.1 6.1 0 0 0 2.033 4.06m7.925 6.912h1.085v1.055H9.958zm-2-2.008h1.085v1.098H7.958zm-2-1.986h1.085v1.076H5.958zm-2-2.07h1.085v1.139H3.958zm6.085-2.012l3.742 3.776l1.551-1.563l-3.744-3.777zM14.127.698c-.848 0-1.559.58-1.783 1.368l.598.593c-.002-.023-.008-.044-.008-.067a1.2 1.2 0 0 1 1.193-1.211a1.2 1.2 0 0 1 1.193 1.211c0 .668-.533 1.21-1.193 1.21l-.041-.005l.596.593a1.89 1.89 0 0 0 1.312-1.799c0-1.044-.838-1.893-1.867-1.893"/></svg>

Christmass Ball アイコンの使い方

React

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

<Icon icon="si-glyph:christmass-ball" width="24" />

Vue

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

<template>
  <Icon icon="si-glyph:christmass-ball" width="24" />
</template>

Svelte

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

<Icon icon="si-glyph:christmass-ball" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[si-glyph--christmass-ball]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/si-glyph -->
<div class="i-si-glyph:christmass-ball"></div>

Web コンポーネント

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

<iconify-icon icon="si-glyph:christmass-ball"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/si-glyph/christmass-ball.svg" alt="Christmass Ball アイコン" width="24" height="24">

SmartIcons Glyph の関連アイコン

Christmass Ball アイコン のよくある質問

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

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

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

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

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

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

SmartIcons Glyph アイコン をすべて見る →