Snow アイコン
f7:snow
Snow アイコン(f7:snow)は、Framework7 Icons セットの無料 SVG アイコンです（作者: Vladimir Kharlampidi）。 56 × 56 のグリッドで描かれています。 Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Framework7 Icons
- 作者
- Vladimir Kharlampidi
- ライセンス
- MIT
- サイズ
- 56 × 56
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M17.781 41.57c.703 0 1.242-.61 1.242-1.453L19 34.797l2.156-1.242l5.86-3.867l-.399 7.007v2.485l-4.64 2.625c-.75.422-.985 1.195-.61 1.804c.399.727 1.149.82 1.875.399l3.375-1.922v4.242c0 .867.563 1.477 1.383 1.477c.867 0 1.383-.61 1.383-1.477v-4.242l3.351 1.922c.727.422 1.477.328 1.899-.375c.375-.633.117-1.406-.633-1.828l-4.617-2.625v-2.485l-.399-7.007l5.86 3.843L37 34.773l-.047 5.344c0 .844.54 1.453 1.266 1.453c.843 0 1.289-.633 1.289-1.453V36.25l3.703 2.133c.75.422 1.523.258 1.922-.492c.422-.703.187-1.524-.54-1.922l-3.702-2.133l3.351-1.945c.727-.422 1.032-1.125.61-1.828c-.375-.633-1.125-.82-1.875-.375l-4.594 2.695l-2.156-1.242L29.945 28l6.282-3.14l2.156-1.266l4.594 2.695c.726.445 1.523.258 1.898-.352c.398-.726.094-1.43-.633-1.851l-3.328-1.945l3.68-2.11c.75-.445.984-1.195.539-1.945c-.399-.703-1.172-.914-1.922-.469l-3.703 2.133l-.024-3.89c0-.82-.422-1.454-1.265-1.43c-.727 0-1.266.586-1.266 1.43L37 21.202l-2.156 1.242l-5.86 3.844l.399-7.008v-2.484L34 14.172c.75-.422 1.008-1.196.633-1.805c-.422-.726-1.172-.82-1.899-.398l-3.351 1.922V9.648c0-.867-.516-1.453-1.383-1.453c-.82 0-1.383.586-1.383 1.453v4.243l-3.375-1.922c-.726-.399-1.476-.328-1.875.398c-.375.61-.14 1.383.61 1.805l4.64 2.625v2.484l.399 7.032l-5.86-3.868L19 21.18l.023-5.32c0-.844-.539-1.43-1.242-1.43c-.843 0-1.289.61-1.289 1.43l-.023 3.867l-3.68-2.11c-.726-.422-1.523-.234-1.922.469c-.445.75-.187 1.523.54 1.945l3.679 2.11l-3.328 1.945c-.727.422-1.055 1.102-.633 1.852c.352.609 1.172.796 1.899.351l4.593-2.672l2.156 1.242L26.056 28l-6.282 3.14l-2.156 1.243l-4.594-2.696c-.75-.445-1.523-.257-1.875.352c-.398.75-.117 1.43.61 1.852l3.328 1.945l-3.68 2.133c-.726.398-.96 1.218-.539 1.922c.422.75 1.195.89 1.922.492l3.68-2.133l.023 3.867c0 .82.445 1.453 1.29 1.453"/></svg>
Snow アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="f7:snow" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:snow" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:snow" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--snow]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:snow"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:snow"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/f7/snow.svg" alt="Snow アイコン" width="24" height="24">
Snow アイコン のよくある質問
Snow アイコンは商用利用でも無料ですか?
はい。Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Snow アイコンを使うには?
@iconify/react をインストールして <Icon icon="f7:snow" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Snow アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/f7/snow.svg" alt="Snow アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Framework7 Icons をすべて見る →
ICONYZ
