Snowflake アイコン

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

はい。Huge Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

hugeicons:snowflake

Snowflake アイコン(hugeicons:snowflake)は、Huge Icons セットの無料 SVG アイコンです（作者: Hugeicons）。 24 × 24 のグリッドで描かれています。 Huge Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Huge Icons
作者: Hugeicons
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.5"><path stroke-linecap="round" d="M14.244 3.006c-.443.404-1.623 1.995-2.253 1.994c-.63 0-1.805-1.595-2.247-2m4.5 17.994c-.443-.404-1.623-1.995-2.253-1.994c-.63 0-1.805 1.596-2.247 2M20.908 9.452c-.571-.182-2.539-.408-2.853-.954c-.315-.547.479-2.361.608-2.946M5.33 18.446c.128-.586.916-2.403.6-2.948c-.316-.546-2.284-.766-2.855-.946m.001-5.1c.57-.182 2.539-.408 2.853-.954s-.479-2.361-.608-2.946m13.332 12.894c-.128-.586-.916-2.403-.6-2.948c.316-.546 2.284-.766 2.855-.946m-5.45-4.572l2.536-1.48m-6-.48V5m6 10.5l-2.536-1.48M5.994 15.5L8.566 14m3.428 5v-3.021M8.566 10L5.994 8.5"/><path d="M15.496 11.731c0-.845 0-1.267-.202-1.615c-.2-.349-.567-.56-1.299-.982l-.463-.268c-.732-.423-1.098-.634-1.5-.634s-.768.211-1.5.634l-.464.268c-.732.422-1.098.634-1.3.982c-.2.348-.2.77-.2 1.616v.536c0 .845 0 1.268.2 1.616c.202.348.568.56 1.3.982l.464.268c.732.422 1.098.634 1.5.634s.768-.212 1.5-.634l.464-.268c.732-.423 1.098-.634 1.299-.982s.2-.771.2-1.617z"/></g></svg>

Snowflake アイコンの使い方

React

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

<Icon icon="hugeicons:snowflake" width="24" />

Vue

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

<template>
  <Icon icon="hugeicons:snowflake" width="24" />
</template>

Svelte

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

<Icon icon="hugeicons:snowflake" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="hugeicons:snowflake"></iconify-icon>

HTML 画像

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

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

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

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

はい。Huge Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Huge Icons をすべて見る →