Snow アイコン

map:snow

Snow アイコン(map:snow)は、Map Icons セットの無料 SVG アイコンです（作者: Scott de Jonge）。 50 × 50 のグリッドで描かれています。 Map Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Map Icons
作者: Scott de Jonge
ライセンス: OFL-1.1
サイズ: 50 × 50

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="currentColor" d="M23 47.689v-6.342l-3.357 1.992L18 42.305v-2.229l5-2.986v-4.168l-4 2.451v-4.416l-4 2.094v5.99l-1.653 1.23L12 39.16v-4.012L6.426 38.27L4 37.271v-2.529l5.685-3.17L6 29.75v-2.32l2.123-1.127l5.214 3.068l3.612-2.084l-.082-.065l-3.665-2.123l3.568-2.228l-3.577-2.083L7.98 23.84L6 22.871v-2.307l3.542-1.978L4 15.533v-2.529l2.321-1.114L12 15.087v-4.076l1.485-1.127l1.943 1.18l-.056 6.105l3.673 2.122l.033-4.311L23 17.079v-4.167l-5-2.988V7.71l1.643-1.05L23 8.652V2.324L24.994 1L27 2.324v6.328l3.906-2.031L33 7.84v1.992l-6 3.08v4.167l4-2.267v4.534l4-2.084v-6.524l1.455-.866l1.545.865v4.167l5.842-3.08L46 13.042v2.359l-5.495 3.17L44 20.525v2.254l-1.83.996l-5.327-3.158l-3.679 2.346l3.549 2.228l-3.659 2.122l3.772 1.992l5.389-2.986L44 27.535v2.15l-3.32 1.887l5.32 3.17v2.49l-2.522 1.037L38 35.281v3.955l-1.52 1.049L35 39.236v-6.002l-4-2.213v4.168l-4-2.268v4.168l5 2.986v2.359l-1.647.904L27 41.348v6.342L24.994 49zm-1.466-22.597L23.42 28h3.514l1.613-2.908L26.843 22h-3.514z"/></svg>

Snow アイコンの使い方

React

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

<Icon icon="map:snow" width="24" />

Vue

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

<template>
  <Icon icon="map:snow" width="24" />
</template>

Svelte

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

<Icon icon="map:snow" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="map:snow"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/map/snow.svg" alt="Snow アイコン" width="24" height="24">

Map Icons の関連アイコン

他のアイコンセットの Snow アイコン

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

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

はい。Map Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Map Icons をすべて見る →