ICONYZ
日本語
Lsicon の Light Snow Filled アイコン

Light Snow Filled アイコン

lsicon:light-snow-filled

Light Snow Filled アイコン(lsicon:light-snow-filled)は、Lsicon セットの無料 SVG アイコンです(作者: Wis Design)。 24 × 24 のグリッドで描かれています。 Lsicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Lsicon
作者
Wis Design
ライセンス
MIT
サイズ
24 × 24
カテゴリ
一般
タグ
lightsnow、snowfilled、lightsnowfilled
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5.282 4.068C5.996 3.37 6.948 3 8 3s2.004.37 2.718 1.068c.712.697 1.157 1.69 1.26 2.89a.07.07 0 0 0 .02.043a.1.1 0 0 0 .048.023c1.153.106 1.929.562 2.395 1.257c.448.668.559 1.484.559 2.219c0 .95-.49 1.599-1.11 1.986c-.598.374-1.322.514-1.89.514h-1v-1h1c.431 0 .958-.11 1.36-.361c.38-.238.64-.59.64-1.139c0-.66-.105-1.237-.39-1.662c-.266-.398-.74-.734-1.655-.818a1.08 1.08 0 0 1-.974-.977L11.479 7l-.498.043c-.085-1-.448-1.756-.963-2.26C9.505 4.281 8.811 4 8 4s-1.505.28-2.018.783c-.515.504-.878 1.26-.963 2.26a1.106 1.106 0 0 1-.944.99c-.462.067-.981.246-1.378.612C2.314 8.997 2 9.56 2 10.5c0 .55.26.901.64 1.139c.402.25.928.361 1.36.361h1v1H4c-.568 0-1.292-.14-1.89-.514C1.49 12.1 1 11.452 1 10.5c0-1.192.413-2.033 1.02-2.591c.591-.544 1.323-.78 1.91-.866a.12.12 0 0 0 .067-.035a.1.1 0 0 0 .026-.05c.102-1.2.547-2.193 1.26-2.89m2.28 7.257V10h1v1.232l1.152-.665l.5.866l-1.232.711l1.165.673l-.5.866l-1.085-.626V14h-1v-1.036l-1.245.719l-.5-.866l1.165-.673l-1.232-.711l.5-.866z" clip-rule="evenodd"/></svg>

Light Snow Filled アイコンの使い方

React

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

<Icon icon="lsicon:light-snow-filled" width="24" />

Vue

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

<template>
  <Icon icon="lsicon:light-snow-filled" width="24" />
</template>

Svelte

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

<Icon icon="lsicon:light-snow-filled" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[lsicon--light-snow-filled]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/lsicon -->
<div class="i-lsicon:light-snow-filled"></div>

Web コンポーネント

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

<iconify-icon icon="lsicon:light-snow-filled"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/lsicon/light-snow-filled.svg" alt="Light Snow Filled アイコン" width="24" height="24">

Lsicon の関連アイコン

Light Snow Filled アイコン のよくある質問

Light Snow Filled アイコンは商用利用でも無料ですか?

はい。Lsicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Light Snow Filled アイコンを使うには?

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

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

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

Lsicon アイコン をすべて見る →