Snow Line アイコン
mingcute:snow-line
Snow Line アイコン(mingcute:snow-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
- タグ
- snowline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.346 3.616a1 1 0 0 0-.935 1.768L9.88 4.5zM12 5.622l-.467.884l.467.247l.467-.247zm2.589-.238a1 1 0 1 0-.935-1.768l.467.884zM9.41 18.616a1 1 0 1 0 .935 1.768l-.467-.884zm2.59-.238l.467-.884l-.467-.247l-.467.247zm1.654 2.006a1 1 0 1 0 .935-1.768l-.468.884zm-8.088-2.76a1 1 0 0 0 1.999-.074l-1 .037zm.91-2.435l.999-.037l-.02-.528l-.447-.282zm-1.5-2.123a1 1 0 1 0-1.064 1.693l.532-.846zm14.048-2.133a1 1 0 0 0 1.064-1.693l-.532.847zm-1.5-2.123l-1 .038l.02.528l.448.281zm.91-2.435a1 1 0 1 0-1.999.075l1-.037zm1.654 8.385a1 1 0 0 0-1.064-1.694l.532.847zm-2.564.43l-.532-.847l-.448.281l-.02.528zm-1.089 2.36a1 1 0 1 0 1.999.075l-1-.038zm-8.87-11.1a1 1 0 0 0-1.999-.074l1 .037zm-1.09 2.36l.533.848l.448-.282l.02-.528zm-2.563.43a1 1 0 0 0 1.064 1.694l-.532-.847zm.794-2.606a1 1 0 0 0-1 1.732l.5-.866zm14.588 10.732a1 1 0 1 0 1-1.732l-.5.866zm1-9a1 1 0 1 0-1-1.732l.5.866zM3.706 15.634a1 1 0 1 0 1 1.732l-.5-.866zM13 3a1 1 0 1 0-2 0zm-2 18a1 1 0 1 0 2 0zM9.879 4.5l-.468.884l2.122 1.122l.467-.884l.467-.885l-2.121-1.12zM12 5.622l.467.884l2.122-1.122l-.468-.884l-.467-.884l-2.121 1.121zM9.879 19.5l.467.884l2.121-1.122l-.467-.884l-.467-.884l-2.122 1.122zM12 18.378l-.467.884l2.121 1.122l.467-.884l.468-.884l-2.122-1.122zm-5.435-.791l1-.037l-.09-2.398l-1 .037l-.999.038l.09 2.397zm-.09-2.398l.533-.847l-2.032-1.276l-.532.847l-.532.846l2.032 1.277zm13.08-5.102l.533-.847l-2.032-1.276l-.532.846l-.532.847l2.032 1.277zm-2.03-1.277l.998-.037l-.09-2.398l-.998.038l-1 .037l.09 2.398zm2.03 5.103l-.531-.847l-2.032 1.277l.532.847l.532.847l2.032-1.277zm-2.03 1.277l-1-.038l-.09 2.398l1 .037l.999.038l.09-2.398zM6.564 6.413l-.999-.037l-.09 2.397l1 .038l1 .037l.089-2.398zm-.09 2.398l-.531-.847L3.912 9.24l.532.847l.532.847l2.032-1.276zM9.402 10.5l.5-.866l-5.195-3l-.5.866l-.5.866l5.195 3zm10.393 6l.5-.866l-5.196-3l-.5.866l-.5.866l5.196 3zm-5.196-6l.5.866l5.196-3l-.5-.866l-.5-.866l-5.196 3zm-10.392 6l.5.866l5.196-3l-.5-.866l-.5-.866l-5.196 3zM12 3h-1v6h2V3zm0 12h-1v6h2v-6zm3-3h-1a2 2 0 0 1-2 2v2a4 4 0 0 0 4-4zm-3 3v-1a2 2 0 0 1-2-2H8a4 4 0 0 0 4 4zm-3-3h1a2 2 0 0 1 2-2V8a4 4 0 0 0-4 4zm3-3v1a2 2 0 0 1 2 2h2a4 4 0 0 0-4-4z"/></svg>
Snow Line アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:snow-line" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:snow-line" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:snow-line" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--snow-line]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:snow-line"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:snow-line"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/mingcute/snow-line.svg" alt="Snow Line アイコン" width="24" height="24">
Snow Line アイコン のよくある質問
Snow Line アイコンは商用利用でも無料ですか?
はい。MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Snow Line アイコンを使うには?
@iconify/react をインストールして <Icon icon="mingcute:snow-line" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Snow Line アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mingcute/snow-line.svg" alt="Snow Line アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
MingCute Icon アイコン をすべて見る →
ICONYZ
