Snow Outline アイコン
glyphs:snow-outline
Snow Outline アイコン(glyphs:snow-outline)は、Glyphs セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Glyphs
- 作者
- Goran Spasojevic
- ライセンス
- MIT
- サイズ
- 80 × 80
- タグ
- snowoutline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M57.923 8.335a18.1 18.1 0 0 0-13.514-1.736a18.1 18.1 0 0 0-10.904 8.146q-.36-.12-.73-.218a13.1 13.1 0 0 0-9.852 1.243a12.76 12.76 0 0 0-6.025 7.713a14.4 14.4 0 0 0-6.593 3.69l-.083.08a14.1 14.1 0 0 0 0 20.123l.083.08a14.37 14.37 0 0 0 10.068 4.117h2.223a2 2 0 0 0 2.401 1.074l3.511-1.074h3.268l3.625 2.097a.381.381 0 0 1 0 .66l-4.512 2.611l-5.892-1.803a2 2 0 0 0-1.17 3.825l2.333.714l-2.747 1.59l-.003.002a2 2 0 0 0 2 3.464l2.605-1.5l-.514 2.227a2 2 0 1 0 3.898.9l1.35-5.854l4.665-2.688a.382.382 0 0 1 .572.33l.006 5.249l-4.485 4.18a2 2 0 0 0 2.727 2.925l1.763-1.642l.003 3.138v.004a2 2 0 0 0 4 0v-.004l.003-3.142l1.766 1.645a2 2 0 1 0 2.727-2.926l-4.487-4.182l.005-5.245c0-.293.318-.476.572-.33l4.67 2.69l1.349 5.85a2 2 0 1 0 3.898-.9l-.513-2.223l2.6 1.498a2 2 0 0 0 2-3.464l-.003-.002l-2.746-1.589l2.333-.714a2 2 0 0 0-1.17-3.825l-5.891 1.803L44.6 54.33a.381.381 0 0 1 0-.66l3.624-2.097h3.272l3.508 1.073a2 2 0 0 0 2.401-1.075h2.222a14.37 14.37 0 0 0 10.068-4.115l.083-.081a14.1 14.1 0 0 0 0-20.123l-.083-.08a14.4 14.4 0 0 0-2.77-2.125a17.5 17.5 0 0 0-.561-5.98a17.58 17.58 0 0 0-8.314-10.66zM39.584 53.76q.014.24 0 .48q.215.109.416.24a5 5 0 0 1 .416-.24a5 5 0 0 1 0-.48a5 5 0 0 1-.416-.24a5 5 0 0 1-.416.24m17.003-7.027l-1.451.84h1.608l.067-.002h2.816a10.37 10.37 0 0 0 7.266-2.97l.082-.08a10.1 10.1 0 0 0 0-14.414l-.082-.081a10.4 10.4 0 0 0-2.95-2.03a2 2 0 0 1-1.141-2.141a13.5 13.5 0 0 0-.297-5.735a13.58 13.58 0 0 0-6.427-8.233l-.128-.072a14.1 14.1 0 0 0-10.524-1.348a14.1 14.1 0 0 0-8.567 6.463l-.785 1.335a2 2 0 0 1-2.616.776a9 9 0 0 0-1.718-.65a9.1 9.1 0 0 0-6.845.859a8.76 8.76 0 0 0-4.346 6.248a2 2 0 0 1-1.685 1.669a10.37 10.37 0 0 0-5.757 2.86l-.082.08a10.1 10.1 0 0 0 0 14.415l.082.08a10.37 10.37 0 0 0 7.266 2.97h4.491l-1.45-.839l-.004-.002a2 2 0 0 1 2-3.464l2.662 1.533l-.526-2.284a2 2 0 1 1 3.897-.899l1.363 5.91l.079.046h5.104l.003-3.184l-4.341-4.046a2 2 0 1 1 2.727-2.926l1.62 1.509l.002-2.924v-.004a2 2 0 0 1 4 0v.004l.003 2.927l1.622-1.511a2 2 0 1 1 2.727 2.926l-4.343 4.048l.003 3.18h5.103l.084-.047l1.362-5.906a2 2 0 1 1 3.897.899l-.525 2.28l2.657-1.531a2 2 0 0 1 2 3.464z" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M23.23 47.573h1.634l-1.45-.84l-.004-.002a2 2 0 0 1 2-3.464l2.662 1.533l-.526-2.284a2 2 0 1 1 3.897-.899l1.363 5.91l.079.046h5.104l.003-3.184l-4.341-4.046a2 2 0 1 1 2.727-2.926l1.62 1.509l.002-2.924v-.004a2 2 0 0 1 4 0v.004l.003 2.927l1.622-1.511a2 2 0 1 1 2.727 2.926l-4.343 4.048l.003 3.18h5.103l.084-.047l1.362-5.906a2 2 0 1 1 3.897.899l-.525 2.28l2.657-1.531a2 2 0 0 1 2 3.464l-.003.002l-1.451.84h1.608l.067-.002h2.816a10.37 10.37 0 0 0 7.266-2.97l.082-.08a10.1 10.1 0 0 0 0-14.414l-.082-.081a10.4 10.4 0 0 0-2.95-2.03a2 2 0 0 1-1.141-2.141a13.5 13.5 0 0 0-.297-5.735a13.58 13.58 0 0 0-6.427-8.233l-.128-.072a14.1 14.1 0 0 0-10.524-1.348a14.1 14.1 0 0 0-8.567 6.463l-.785 1.335a2 2 0 0 1-2.616.776a9 9 0 0 0-1.718-.65a9.1 9.1 0 0 0-6.845.859a8.76 8.76 0 0 0-4.346 6.248a2 2 0 0 1-1.685 1.669a10.37 10.37 0 0 0-5.757 2.86l-.082.08a10.1 10.1 0 0 0 0 14.415l.082.08a10.37 10.37 0 0 0 7.266 2.97h2.84m.017 0h-.017m.017 0h-.017m34.71-39.237a18.1 18.1 0 0 0-13.514-1.736a18.1 18.1 0 0 0-10.904 8.146q-.36-.12-.73-.218a13.1 13.1 0 0 0-9.852 1.243a12.76 12.76 0 0 0-6.025 7.713a14.4 14.4 0 0 0-6.593 3.69l-.083.08a14.1 14.1 0 0 0 0 20.123l.083.08a14.37 14.37 0 0 0 10.068 4.117h2.223a2 2 0 0 0 2.401 1.074l3.511-1.074h3.268l3.625 2.097a.381.381 0 0 1 0 .66l-4.512 2.611l-5.892-1.803a2 2 0 0 0-1.17 3.825l2.333.714l-2.747 1.59l-.003.002a2 2 0 0 0 2 3.464l2.605-1.5l-.514 2.227a2 2 0 1 0 3.898.9l1.35-5.854l4.665-2.688a.382.382 0 0 1 .572.33l.006 5.249l-4.485 4.18a2 2 0 0 0 2.727 2.925l1.763-1.642l.003 3.138v.004a2 2 0 0 0 4 0v-.004l.003-3.142l1.766 1.645a2 2 0 1 0 2.727-2.926l-4.487-4.182l.005-5.245c0-.293.318-.476.572-.33l4.67 2.69l1.349 5.85a2 2 0 1 0 3.898-.9l-.513-2.223l2.6 1.498a2 2 0 0 0 2-3.464l-.003-.002l-2.746-1.589l2.333-.714a2 2 0 0 0-1.17-3.825l-5.891 1.803L44.6 54.33a.381.381 0 0 1 0-.66l3.624-2.097h3.272l3.508 1.073a2 2 0 0 0 2.401-1.075h2.222a14.37 14.37 0 0 0 10.068-4.115l.083-.081a14.1 14.1 0 0 0 0-20.123l-.083-.08a14.4 14.4 0 0 0-2.77-2.125a17.5 17.5 0 0 0-.561-5.98a17.58 17.58 0 0 0-8.314-10.66zM39.584 54.24q.014-.24 0-.48q.215-.109.416-.24q.201.13.416.24q-.014.24 0 .48a5 5 0 0 0-.416.24a5 5 0 0 0-.416-.24"/></g></svg>Snow Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:snow-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:snow-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:snow-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--snow-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:snow-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:snow-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/glyphs/snow-outline.svg" alt="Snow Outline アイコン" width="24" height="24">Glyphs の関連アイコン
他のアイコンセットの Snow Outline アイコン
Snow Outline アイコン のよくある質問
Snow Outline アイコンは商用利用でも無料ですか?
はい。Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Snow Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="glyphs:snow-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Snow Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs/snow-outline.svg" alt="Snow Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。