Christmas Ball Line アイコン
mingcute:christmas-ball-line
Christmas Ball Line アイコン(mingcute:christmas-ball-line)は、MingCute Icon セットの無料 SVG アイコンです（作者: MingCute Design）。 24 × 24 のグリッドで描かれています。 MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- MingCute Icon
- 作者
- MingCute Design
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- タグ
- christmasball、ballline、christmasballline、christma
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.106 4.553a1 1 0 1 0 1.788.894L11 5zM12 3l.894-.447a1 1 0 0 0-1.788 0zm.106 2.447a1 1 0 1 0 1.788-.894L13 5zM5.26 11.591l.312-.95zM12 10.496l-.581-.813zm6.606-.08a1 1 0 0 0 .788-1.839l-.394.92zm-13.856.956l.445-.896zm.195-1.02a1 1 0 0 0-.89 1.792l.445-.896zm.449 5.225a1 1 0 1 0-.788 1.839l.394-.92zm6.606-.08l.581.813zm6.917-1.033l-.35.936zm.167.066l-.378.927zm.039 1.096a1 1 0 0 0 .754-1.852l-.377.926zM20 13h-1a7 7 0 0 1-7 7v2a9 9 0 0 0 9-9zm-8 8v-1a7 7 0 0 1-7-7H3a9 9 0 0 0 9 9zm-8-8h1a7 7 0 0 1 7-7V4a9 9 0 0 0-9 9zm8-8v1a7 7 0 0 1 7 7h2a9 9 0 0 0-9-9zm-1 0l.894.447l1-2L12 3l-.894-.447l-1 2zm1-2l-.894.447l1 2L13 5l.894-.447l-1-2zm-6.739 8.591l-.311.95c.999.328 4.319 1.135 7.631-1.23L12 10.495l-.581-.813a6.58 6.58 0 0 1-5.846.958zM12 10.496l.581.814c1.53-1.092 3.045-1.307 4.184-1.252a6.6 6.6 0 0 1 1.377.21a5 5 0 0 1 .453.143l.015.006q.002 0 0 0h-.002l-.001-.001l.393-.92c.394-.919.393-.919.393-.92h-.003l-.006-.003l-.015-.006a3 3 0 0 0-.194-.073a7 7 0 0 0-.52-.16a8.7 8.7 0 0 0-1.795-.274c-1.486-.07-3.47.215-5.441 1.623zm-7.25.876l.445-.896l-.25-.124l-.445.896l-.445.896l.25.124zm.511.22l.312-.951a3 3 0 0 1-.378-.165l-.445.896l-.445.896c.176.087.397.192.645.273zM5 16.495a98 98 0 0 0-.392.92l.002.001l.006.002l.014.007l.045.018l.15.055c.125.044.3.101.52.16a8.7 8.7 0 0 0 1.795.274c1.486.07 3.47-.215 5.441-1.623L12 15.496l-.581-.813c-1.53 1.092-3.045 1.306-4.184 1.252a6.7 6.7 0 0 1-1.377-.21a5 5 0 0 1-.468-.15q-.002 0 0 0l.001.001h.002zm7-1l.581.814c2.772-1.98 5.54-1.077 5.985-.91l.35-.936l.352-.937c-.654-.244-4.254-1.413-7.85 1.156zm7.084-.966l-.378.927l.417.17l.377-.927l.377-.926l-.416-.17zm-.167-.066l-.35.936l.14.056l.377-.926l.377-.926c-.043-.017-.12-.05-.193-.077z"/></svg>Christmas Ball Line アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:christmas-ball-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:christmas-ball-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:christmas-ball-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--christmas-ball-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:christmas-ball-line"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:christmas-ball-line"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/mingcute/christmas-ball-line.svg" alt="Christmas Ball Line アイコン" width="24" height="24">MingCute Icon の関連アイコン
Christmas Ball Line アイコン のよくある質問
Christmas Ball Line アイコンは商用利用でも無料ですか?
はい。MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Christmas Ball Line アイコンを使うには?
@iconify/react をインストールして <Icon icon="mingcute:christmas-ball-line" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Christmas Ball Line アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mingcute/christmas-ball-line.svg" alt="Christmas Ball Line アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。