Snowflake Cold アイコン
wi:snowflake-cold
Snowflake Cold アイコン(wi:snowflake-cold)は、Weather Icons セットの無料 SVG アイコンです（作者: Erik Flowers）。 30 × 30 のグリッドで描かれています。 Weather Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Weather Icons
- 作者
- Erik Flowers
- ライセンス
- OFL-1.1
- サイズ
- 30 × 30
- タグ
- snowflakecold、wmo4680 55、owm 903、wmo4680 54、wmo4680 74、yahoo 25、wmo4680 78、owm night 903、wmo4680 76、owm day 903、wmo4680 56、wmo4680 75
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="currentColor" d="M7.46 14.41c0-.19.07-.36.2-.5a.63.63 0 0 1 .48-.21c.19 0 .36.07.49.21s.2.3.2.5c0 .19-.07.35-.2.48a.673.673 0 0 1-.96 0a.62.62 0 0 1-.21-.48m1.98 0c0-.19.07-.36.2-.5a.63.63 0 0 1 .48-.21h3.23l-2.28-2.28a.6.6 0 0 1-.21-.47c0-.19.07-.35.21-.49s.3-.21.49-.21s.35.07.49.21l2.27 2.27V9.52c0-.19.07-.36.21-.5s.3-.21.5-.21q.285 0 .48.21c.13.14.2.3.2.5v3.23l2.29-2.3q.21-.21.48-.21c.18 0 .35.07.49.21c.12.14.18.3.18.49s-.06.35-.18.47l-2.28 2.28h3.23c.18 0 .34.07.47.21s.2.3.2.5c0 .18-.07.34-.2.47a.65.65 0 0 1-.47.2h-3.23l2.29 2.29c.12.12.18.28.18.47s-.06.35-.18.49c-.14.14-.31.21-.49.21s-.35-.07-.48-.21l-2.29-2.3v3.24c0 .19-.07.36-.2.49s-.29.2-.48.2a.72.72 0 0 1-.5-.2a.65.65 0 0 1-.21-.49v-3.22l-2.27 2.27c-.14.14-.3.21-.49.21s-.35-.07-.49-.21s-.21-.3-.21-.49s.07-.34.21-.47l2.3-2.29h-3.24c-.19 0-.35-.07-.48-.2a.51.51 0 0 1-.22-.45m.01 4.84c0-.18.07-.35.21-.48c.12-.14.28-.21.47-.21s.35.07.49.21q.21.21.21.48c0 .18-.07.35-.21.48c-.14.14-.3.21-.49.21s-.35-.07-.47-.21a.63.63 0 0 1-.21-.48m0-9.71c0-.18.07-.35.21-.48c.12-.14.28-.21.47-.21s.35.07.49.21q.21.21.21.48c0 .27-.07.35-.21.49s-.3.21-.49.21s-.35-.07-.47-.21a.68.68 0 0 1-.21-.49m4.85 11.71c0-.18.07-.34.21-.47s.3-.2.5-.2c.19 0 .35.07.48.2s.2.29.2.47c0 .19-.07.36-.2.49s-.29.2-.48.2a.72.72 0 0 1-.5-.2a.64.64 0 0 1-.21-.49m0-13.71c0-.19.07-.36.21-.49s.3-.2.5-.2c.19 0 .35.07.48.2a.68.68 0 0 1-.48 1.16a.72.72 0 0 1-.5-.2a.62.62 0 0 1-.21-.47m4.87 11.71c0-.18.07-.35.21-.48c.12-.14.28-.21.47-.21s.35.07.49.21q.21.21.21.48c0 .18-.07.35-.21.48c-.14.14-.3.21-.49.21s-.35-.07-.47-.21a.63.63 0 0 1-.21-.48m0-9.71c0-.18.07-.35.21-.48c.12-.14.28-.21.47-.21s.35.07.49.21q.21.21.21.48c0 .27-.07.35-.21.49s-.3.21-.49.21s-.35-.07-.47-.21a.68.68 0 0 1-.21-.49m2 4.87c0-.19.07-.36.2-.5s.3-.21.49-.21c.18 0 .34.07.47.21s.2.3.2.5c0 .18-.07.34-.2.47a.68.68 0 0 1-.96 0a.65.65 0 0 1-.2-.47"/></svg>Snowflake Cold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="wi:snowflake-cold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="wi:snowflake-cold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="wi:snowflake-cold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[wi--snowflake-cold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/wi -->
<div class="i-wi:snowflake-cold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="wi:snowflake-cold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/wi/snowflake-cold.svg" alt="Snowflake Cold アイコン" width="24" height="24">Snowflake Cold アイコン のよくある質問
Snowflake Cold アイコンは商用利用でも無料ですか?
はい。Weather Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。
React で Snowflake Cold アイコンを使うには?
@iconify/react をインストールして <Icon icon="wi:snowflake-cold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Snowflake Cold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/wi/snowflake-cold.svg" alt="Snowflake Cold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。