Snowflake アイコン

Q: Snowflake アイコンは商用利用でも無料ですか?

はい。Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

streamline-emojis:snowflake

Snowflake アイコン(streamline-emojis:snowflake)は、Streamline Emojis セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Streamline Emojis icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Streamline Emojis
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 48 × 48
カテゴリ: 動物・自然

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M12.5 45.5a11.5 1.5 0 1 0 23 0a11.5 1.5 0 1 0-23 0" opacity=".15"/><path fill="#fff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M46.86 5.27a1.3 1.3 0 0 0 .47-1.76A1.28 1.28 0 0 0 45.57 3l-2.16 1.28V1.79a1.29 1.29 0 0 0-2.58 0v2.49L38.67 3a1.29 1.29 0 0 0-1.29 2.23l2.16 1.24l-2.16 1.29A1.29 1.29 0 0 0 38.67 10l2.16-1.24v2.49a1.29 1.29 0 0 0 2.58 0v-2.5L45.57 10a1.28 1.28 0 0 0 1.76-.47a1.3 1.3 0 0 0-.47-1.76L44.7 6.51ZM8.91 7.46a1.07 1.07 0 0 0-1.07-1.85l-1.79 1V4.57a1.08 1.08 0 0 0-2.15 0v2.07l-1.79-1A1.07 1.07 0 1 0 1 7.46l1.79 1L1 9.54a1.07 1.07 0 1 0 1.07 1.85l1.79-1v2.07a1.08 1.08 0 0 0 2.15 0v-2.1l1.79 1a1.07 1.07 0 1 0 1.11-1.82l-1.79-1ZM45.46 40a1.07 1.07 0 1 0-1.07-1.85l-1.79 1v-2.08a1.08 1.08 0 0 0-2.15 0v2.07l-1.79-1A1.07 1.07 0 0 0 37.59 40l1.79 1l-1.79 1a1.07 1.07 0 0 0 1.07 1.85l1.79-1v2.07a1.08 1.08 0 0 0 2.15 0v-2.06l1.79 1A1.07 1.07 0 1 0 45.46 42l-1.79-1Z"/><path fill="#b8ecff" d="M39.16 32.75a2 2 0 0 0-.74-2.75l-2.92-1.67l1.62-.44a1.5 1.5 0 0 0-.77-2.89l-4.53 1.21l-2.32-1.34a1 1 0 0 1 0-1.74l2.32-1.34L36.35 23a1.5 1.5 0 1 0 .77-2.89l-1.62-.44L38.42 18a2 2 0 1 0-2-3.46l-2.92 1.67l.43-1.63a1.5 1.5 0 0 0-2.93-.77l-1.22 4.52l-2.28 1.34a1 1 0 0 1-1.5-.87v-2.68l3.31-3.31a1.5 1.5 0 0 0-2.12-2.12L26 11.88V8.5a2 2 0 0 0-4 0v3.38l-1.19-1.19a1.5 1.5 0 0 0-2.12 2.12L22 16.12v2.68a1 1 0 0 1-1.5.87l-2.32-1.34L17 13.81a1.5 1.5 0 0 0-2.89.77l.43 1.63l-2.92-1.69a2 2 0 1 0-2 3.46l2.92 1.69l-1.62.44a1.5 1.5 0 0 0 .73 2.89l4.53-1.21l2.32 1.34a1 1 0 0 1 0 1.74l-2.32 1.34L11.65 25a1.5 1.5 0 1 0-.77 2.89l1.62.44L9.58 30a2 2 0 1 0 2 3.46l2.92-1.69l-.43 1.63a1.5 1.5 0 0 0 2.89.77l1.22-4.52l2.32-1.34a1 1 0 0 1 1.5.87v2.68l-3.31 3.31a1.5 1.5 0 0 0 2.12 2.12L22 36.12v3.38a2 2 0 0 0 4 0v-3.38l1.19 1.19a1.5 1.5 0 1 0 2.12-2.12L26 31.88V29.2a1 1 0 0 1 1.5-.87l2.32 1.34L31 34.19a1.5 1.5 0 1 0 2.89-.77l-.43-1.63l2.92 1.69a2 2 0 0 0 2.78-.73"/><path fill="#fff" d="m36.42 14.52l-2.92 1.69l.43-1.63a1.5 1.5 0 0 0-2.93-.77l-1.22 4.52l-2.28 1.34a1 1 0 0 1-1.5-.87v-2.68l3.31-3.31a1.5 1.5 0 0 0-2.12-2.12L26 11.88V8.5a2 2 0 0 0-4 0v3.38l-1.19-1.19a1.5 1.5 0 0 0-2.12 2.12L22 16.12v2.68a1 1 0 0 1-1.5.87l-2.32-1.34L17 13.81a1.5 1.5 0 0 0-2.89.77l.43 1.63l-2.92-1.69a2 2 0 1 0-2 3.46l2.92 1.69l-1.62.44a1.5 1.5 0 0 0 .73 2.89l4.53-1.21l2.32 1.34a1 1 0 0 1 0 1.74l-2.32 1.34L11.65 25a1.5 1.5 0 1 0-.77 2.89l1.62.44L9.58 30a2 2 0 0 0-.74 2.73l30.32-17.5a2 2 0 0 0-2.74-.71"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M39.16 32.75a2 2 0 0 0-.74-2.75l-2.92-1.67l1.62-.44a1.5 1.5 0 0 0-.77-2.89l-4.53 1.21l-2.32-1.34a1 1 0 0 1 0-1.74l2.32-1.34L36.35 23a1.5 1.5 0 1 0 .77-2.89l-1.62-.44L38.42 18a2 2 0 1 0-2-3.46l-2.92 1.67l.43-1.63a1.5 1.5 0 0 0-2.93-.77l-1.22 4.52l-2.28 1.34a1 1 0 0 1-1.5-.87v-2.68l3.31-3.31a1.5 1.5 0 0 0-2.12-2.12L26 11.88V8.5a2 2 0 0 0-4 0v3.38l-1.19-1.19a1.5 1.5 0 0 0-2.12 2.12L22 16.12v2.68a1 1 0 0 1-1.5.87l-2.32-1.34L17 13.81a1.5 1.5 0 0 0-2.89.77l.43 1.63l-2.92-1.69a2 2 0 1 0-2 3.46l2.92 1.69l-1.62.44a1.5 1.5 0 0 0 .73 2.89l4.53-1.21l2.32 1.34a1 1 0 0 1 0 1.74l-2.32 1.34L11.65 25a1.5 1.5 0 1 0-.77 2.89l1.62.44L9.58 30a2 2 0 1 0 2 3.46l2.92-1.69l-.43 1.63a1.5 1.5 0 0 0 2.89.77l1.22-4.52l2.32-1.34a1 1 0 0 1 1.5.87v2.68l-3.31 3.31a1.5 1.5 0 0 0 2.12 2.12L22 36.12v3.38a2 2 0 0 0 4 0v-3.38l1.19 1.19a1.5 1.5 0 1 0 2.12-2.12L26 31.88V29.2a1 1 0 0 1 1.5-.87l2.32 1.34L31 34.19a1.5 1.5 0 1 0 2.89-.77l-.43-1.63l2.92 1.69a2 2 0 0 0 2.78-.73"/></svg>

Snowflake アイコンの使い方

React

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

<Icon icon="streamline-emojis:snowflake" width="24" />

Vue

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

<template>
  <Icon icon="streamline-emojis:snowflake" width="24" />
</template>

Svelte

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

<Icon icon="streamline-emojis:snowflake" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--snowflake]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:snowflake"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-emojis:snowflake"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-emojis/snowflake.svg" alt="Snowflake アイコン" width="24" height="24">

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

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

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

はい。Streamline Emojis icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Streamline Emojis アイコンをすべて見る →