Cloud With Snow アイコン
noto-v1:cloud-with-snow
Cloud With Snow アイコン(noto-v1:cloud-with-snow)は、Noto Emoji (v1) セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Noto Emoji (v1)
- 作者
- Google Inc
- ライセンス
- Apache-2.0
- サイズ
- 128 × 128
- カテゴリ
- 旅行・場所
- タグ
- cloudwith、withsnow、cloudwithsnow
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><g fill="#95c8ec"><path d="M27.6 94.42c.86 1.46.63 3.18-.51 3.85s-2.76.04-3.62-1.41l-8.92-15.13c-.86-1.45-.63-3.18.51-3.85s2.76-.04 3.62 1.42z"/><path d="M29.83 85.6c1.69-.01 3.07 1.04 3.08 2.37c.01 1.32-1.35 2.41-3.03 2.42l-17.56.16c-1.69.01-3.07-1.04-3.08-2.37c-.01-1.32 1.34-2.41 3.04-2.42z"/><path d="M23.31 79.25c.83-1.47 2.44-2.13 3.59-1.48s1.41 2.37.58 3.84L18.84 96.9c-.83 1.47-2.44 2.14-3.59 1.49s-1.41-2.37-.58-3.84zm22.16 43.44c.86 1.46.63 3.18-.51 3.85s-2.76.04-3.62-1.42L32.43 110c-.86-1.45-.63-3.18.51-3.85s2.76-.04 3.62 1.42z"/><path d="M47.71 113.87c1.69-.01 3.07 1.04 3.08 2.37c.01 1.32-1.34 2.41-3.03 2.42l-17.56.17c-1.69.01-3.07-1.05-3.08-2.37s1.34-2.41 3.03-2.42z"/><path d="M41.18 107.52c.83-1.47 2.44-2.13 3.59-1.48s1.41 2.37.58 3.84l-8.64 15.29c-.83 1.47-2.44 2.14-3.59 1.48c-1.15-.65-1.41-2.37-.58-3.84zm29.34-3.63c.86 1.45.63 3.18-.51 3.85s-2.76.04-3.62-1.41L57.48 91.2c-.86-1.45-.63-3.18.51-3.85s2.76-.04 3.62 1.42z"/><path d="M72.76 95.07c1.68-.02 3.06 1.04 3.08 2.37c.01 1.32-1.34 2.41-3.03 2.42l-17.56.16c-1.69.02-3.07-1.04-3.08-2.36s1.34-2.41 3.04-2.42z"/><path d="M66.24 88.72c.83-1.47 2.44-2.13 3.59-1.48s1.41 2.37.58 3.84l-8.64 15.29c-.83 1.47-2.44 2.14-3.59 1.48c-1.15-.65-1.41-2.37-.58-3.84zm47.03 7.7c.86 1.45.63 3.18-.51 3.85s-2.76.04-3.62-1.42l-8.92-15.13c-.86-1.45-.63-3.18.51-3.85s2.76-.04 3.62 1.42z"/><path d="M115.5 87.6c1.69-.02 3.07 1.04 3.08 2.37c.01 1.32-1.34 2.41-3.03 2.42l-17.56.16c-1.69.01-3.07-1.04-3.08-2.37c-.01-1.32 1.35-2.41 3.04-2.43z"/><path d="M108.98 81.25c.83-1.47 2.44-2.13 3.59-1.48c1.16.65 1.41 2.37.58 3.84l-8.64 15.29c-.83 1.47-2.44 2.14-3.59 1.49s-1.41-2.37-.58-3.84zM94.2 122.64c.86 1.45.63 3.18-.51 3.85s-2.76.04-3.62-1.42l-8.92-15.13c-.86-1.45-.63-3.17.51-3.85c1.14-.67 2.76-.04 3.62 1.42z"/><path d="M96.43 113.82c1.69-.01 3.07 1.04 3.08 2.37c.01 1.32-1.34 2.41-3.03 2.42l-17.56.16c-1.69.01-3.07-1.04-3.08-2.37c-.01-1.32 1.35-2.41 3.04-2.43z"/><path d="M89.91 107.47c.83-1.47 2.44-2.13 3.59-1.48s1.41 2.37.58 3.84l-8.64 15.29c-.83 1.47-2.44 2.14-3.59 1.48c-1.15-.65-1.41-2.37-.58-3.84z"/></g><path fill="#e3ebee" d="M109.96 31.71h-.01c0-.07.01-.14.01-.21c0-9.56-7.75-17.32-17.32-17.32c-1.23 0-2.43.13-3.59.38C85.62 6.22 77.42.33 67.83.33c-7.2 0-13.62 3.32-17.82 8.51C47.3 7.47 44.25 6.67 41 6.67c-10.36 0-18.87 7.89-19.86 17.99C9.86 25.26.82 34.5.67 45.95c-.15 11.94 9.4 21.74 21.34 21.9c.93.01 1.84-.05 2.74-.16c4.61 9.73 14.52 16.46 26 16.46c6.93 0 13.28-2.45 18.24-6.53c3.8 2.81 8.48 4.49 13.56 4.49c10.43 0 19.21-7 21.94-16.55c1.72.57 3.55.89 5.46.89c9.59 0 17.37-7.78 17.37-17.37c.01-9.59-7.77-17.37-17.36-17.37"/><path fill="#b9cdd2" d="M120.16 35.03c3.93 3.97 1.15 13.09-1.56 16.06c-5.32 5.83-15.1 4.47-19.02 3.63c-1.06-.23-1.23-.15-1.58.06c-.31.19-.45.49-.79 1.2c-1.27 2.72-4.52 8-11.41 10.13c-7.18 2.22-13.94-1.16-17.11-3.18c-1.2-.76-1.25-.78-1.8-.78c-.55.01-1.1.41-1.74.92c-2.86 2.25-9.4 6.22-19.48 5.65c-9.89-.57-15.54-6.66-17.48-9.79c-.37-.6-.77-1.1-1.23-1.15c-.53-.05-1.12.49-1.56.93c-4.21 4.1-17.44 5.32-21.83-1.65c4.46 7.16 11.36 10.7 18.44 10.79c.93.01 1.84-.05 2.74-.16c4.61 9.73 14.52 16.46 26 16.46c6.93 0 13.28-2.45 18.24-6.53c3.8 2.81 8.48 4.49 13.56 4.49c10.43 0 19.21-7 21.94-16.55c1.72.57 3.55.89 5.46.89c9.59 0 17.37-7.78 17.37-17.37c.01-5.11-2.56-10.87-7.16-14.05"/></svg>
Cloud With Snow アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:cloud-with-snow" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:cloud-with-snow" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:cloud-with-snow" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--cloud-with-snow]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:cloud-with-snow"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:cloud-with-snow"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/cloud-with-snow.svg" alt="Cloud With Snow アイコン" width="24" height="24">
他のアイコンセットの Cloud With Snow アイコン
Cloud With Snow アイコン のよくある質問
Cloud With Snow アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cloud With Snow アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:cloud-with-snow" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cloud With Snow アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/cloud-with-snow.svg" alt="Cloud With Snow アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Noto Emoji (v1) アイコン をすべて見る →
ICONYZ
