Snowflake Duotone アイコン
reicon:snowflake-duotone
Snowflake Duotone アイコン(reicon:snowflake-duotone)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M12 1.25a.75.75 0 0 1 .75.75v2.19l1.72-1.72a.75.75 0 1 1 1.06 1.06l-2.78 2.78v11.38l2.78 2.78a.75.75 0 1 1-1.06 1.06l-1.72-1.72V22a.75.75 0 0 1-1.5 0v-2.19l-1.72 1.72a.75.75 0 0 1-1.06-1.06l2.78-2.78V6.31L8.47 3.53a.75.75 0 0 1 1.06-1.06l1.72 1.72V2a.75.75 0 0 1 .75-.75"/><path d="M5.511 4.178a.75.75 0 0 1 .919.53l1.018 3.798L12 11.134l4.552-2.628l1.017-3.798a.75.75 0 1 1 1.45.389l-.63 2.349l1.896-1.095a.75.75 0 0 1 .75 1.3l-1.896 1.094l2.349.63a.75.75 0 1 1-.388 1.448l-3.798-1.018l-3.802 2.196l3.802 2.195l3.798-1.018a.75.75 0 1 1 .388 1.449l-2.35.63l1.897 1.094a.75.75 0 1 1-.75 1.3l-1.896-1.096l.63 2.35a.75.75 0 0 1-1.45.388l-1.017-3.798L12 12.867l-4.553 2.628l-1.017 3.798a.75.75 0 0 1-1.45-.388l.63-2.35l-1.896 1.095a.75.75 0 0 1-.75-1.299l1.896-1.095l-2.349-.629a.75.75 0 0 1 .388-1.449l3.798 1.018L10.5 12L6.698 9.805L2.9 10.823a.75.75 0 1 1-.389-1.449l2.35-.63L2.963 7.65a.75.75 0 0 1 .75-1.299L5.61 7.446l-.629-2.35a.75.75 0 0 1 .53-.918" opacity=".5"/></g></svg>Snowflake Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:snowflake-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:snowflake-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:snowflake-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--snowflake-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:snowflake-duotone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:snowflake-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/snowflake-duotone.svg" alt="Snowflake Duotone アイコン" width="24" height="24">Reicon の関連アイコン
他のアイコンセットの Snowflake Duotone アイコン
Snowflake Duotone アイコン のよくある質問
Snowflake Duotone アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Snowflake Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:snowflake-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Snowflake Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/snowflake-duotone.svg" alt="Snowflake Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。