Sake アイコン

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

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

fluent-emoji:sake

Sake アイコン(fluent-emoji:sake)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fluent Emoji
作者: Microsoft Corporation
ライセンス: MIT
サイズ: 32 × 32

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iwRtCEd)" d="m27.927 10.62l-1.71-1.97c-.55-.63-.47-1.6.18-2.13a7.07 7.07 0 0 0 2.48-3.91a.492.492 0 0 0-.48-.61h-12.8c-.32 0-.56.3-.49.61a7.07 7.07 0 0 0 2.48 3.91c.66.52.73 1.49.18 2.13l-1.71 1.97a8.45 8.45 0 0 0-2.07 5.53v12.91c0 .52.42.94.94.94h14.13c.52 0 .94-.42.94-.94V16.15c0-2.03-.73-4-2.07-5.53"/><path fill="url(#imDx4xb)" d="m27.927 10.62l-1.71-1.97c-.55-.63-.47-1.6.18-2.13a7.07 7.07 0 0 0 2.48-3.91a.492.492 0 0 0-.48-.61h-12.8c-.32 0-.56.3-.49.61a7.07 7.07 0 0 0 2.48 3.91c.66.52.73 1.49.18 2.13l-1.71 1.97a8.45 8.45 0 0 0-2.07 5.53v12.91c0 .52.42.94.94.94h14.13c.52 0 .94-.42.94-.94V16.15c0-2.03-.73-4-2.07-5.53"/><path fill="url(#iPVVD6Q)" d="m27.927 10.62l-1.71-1.97c-.55-.63-.47-1.6.18-2.13a7.07 7.07 0 0 0 2.48-3.91a.492.492 0 0 0-.48-.61h-12.8c-.32 0-.56.3-.49.61a7.07 7.07 0 0 0 2.48 3.91c.66.52.73 1.49.18 2.13l-1.71 1.97a8.45 8.45 0 0 0-2.07 5.53v12.91c0 .52.42.94.94.94h14.13c.52 0 .94-.42.94-.94V16.15c0-2.03-.73-4-2.07-5.53"/><path fill="url(#iuniN4b)" d="m27.927 10.62l-1.71-1.97a1.48 1.48 0 0 1-.361-1.088a1.48 1.48 0 0 1 .54-1.042h-8.81c.337.265.52.647.546 1.042a1.52 1.52 0 0 1-.365 1.088l-1.71 1.97a8.45 8.45 0 0 0-2.07 5.53h16.01c0-2.03-.73-4-2.07-5.53"/><path fill="url(#iPVVD6Q)" d="m27.927 10.62l-1.71-1.97a1.48 1.48 0 0 1-.361-1.088a1.48 1.48 0 0 1 .54-1.042h-8.81c.337.265.52.647.546 1.042a1.52 1.52 0 0 1-.365 1.088l-1.71 1.97a8.45 8.45 0 0 0-2.07 5.53h16.01c0-2.03-.73-4-2.07-5.53"/><path fill="url(#iYvaPmc)" d="m27.927 10.62l-1.71-1.97a1.48 1.48 0 0 1-.361-1.088a1.48 1.48 0 0 1 .54-1.042h-8.81c.337.265.52.647.546 1.042a1.52 1.52 0 0 1-.365 1.088l-1.71 1.97a8.45 8.45 0 0 0-2.07 5.53h16.01c0-2.03-.73-4-2.07-5.53"/><path fill="url(#iWxlfUd)" d="m27.927 10.62l-1.71-1.97a1.48 1.48 0 0 1-.361-1.088a1.48 1.48 0 0 1 .54-1.042h-8.81c.337.265.52.647.546 1.042a1.52 1.52 0 0 1-.365 1.088l-1.71 1.97a8.45 8.45 0 0 0-2.07 5.53h16.01c0-2.03-.73-4-2.07-5.53"/><path fill="url(#iccqZ9d)" d="m27.927 10.62l-1.71-1.97a1.48 1.48 0 0 1-.361-1.088a1.48 1.48 0 0 1 .54-1.042h-8.81c.337.265.52.647.546 1.042a1.52 1.52 0 0 1-.365 1.088l-1.71 1.97a8.45 8.45 0 0 0-2.07 5.53h16.01c0-2.03-.73-4-2.07-5.53"/><path fill="url(#iFqI6Kb)" d="M25.856 7.562a1.48 1.48 0 0 1 .54-1.042a7.07 7.07 0 0 0 2.48-3.91a.492.492 0 0 0-.48-.61h-12.8c-.32 0-.56.3-.49.61a7.07 7.07 0 0 0 2.48 3.91c.337.265.52.647.546 1.042z"/><path fill="url(#ik8JeFe)" d="M25.856 7.562a1.48 1.48 0 0 1 .54-1.042a7.07 7.07 0 0 0 2.48-3.91a.492.492 0 0 0-.48-.61h-12.8c-.32 0-.56.3-.49.61a7.07 7.07 0 0 0 2.48 3.91c.337.265.52.647.546 1.042z"/><path fill="url(#iDgcAEX)" d="M25.856 7.562a1.48 1.48 0 0 1 .54-1.042a7.07 7.07 0 0 0 2.48-3.91a.492.492 0 0 0-.48-.61h-12.8c-.32 0-.56.3-.49.61a7.07 7.07 0 0 0 2.48 3.91c.337.265.52.647.546 1.042z"/><g filter="url(#ibXNhec)"><path fill="url(#i2NuLQP)" d="M15.072 15.438a7 7 0 0 0-.072 1.02V27.74c0 .454.372.822.833.822h12.522c.46 0 .832-.368.832-.822V16.457q0-.514-.071-1.02z"/></g><path fill="url(#iTdJwwd)" d="M28.397 4h-12.8c.35.75.83 1.42 1.41 2h9.98c.58-.58 1.06-1.25 1.41-2"/><path fill="url(#itU8Ptc)" d="M2.008 21.358v7.36c0 .845.18 1.282.883 1.282h13.187c.547 0 .938-.375.938-1.281v-7.36c0-.422-.25-.89-.907-.89H2.84c-.506 0-.831.36-.831.89"/><path fill="url(#iG1cVLb)" d="M2.008 21.358v7.36c0 .845.18 1.282.883 1.282h13.187c.547 0 .938-.375.938-1.281v-7.36c0-.422-.25-.89-.907-.89H2.84c-.506 0-.831.36-.831.89"/><path fill="url(#iSFQTNe)" d="M2.008 21.358v7.36c0 .845.18 1.282.883 1.282h13.187c.547 0 .938-.375.938-1.281v-7.36c0-.422-.25-.89-.907-.89H2.84c-.506 0-.831.36-.831.89"/><path fill="url(#ia0NguY)" d="M2.008 21.358v7.36c0 .845.18 1.282.883 1.282h13.187c.547 0 .938-.375.938-1.281v-7.36c0-.422-.25-.89-.907-.89H2.84c-.506 0-.831.36-.831.89"/><path fill="url(#iQ3KhdU)" d="M2.008 22.383h15.008v1.984H2.008z"/><g filter="url(#itW1zJd)"><path fill="url(#iP50mdT)" d="M18.814 7.219h3.108v.875h-3.108l-.439-.438z"/></g><defs><linearGradient id="iwRtCEd" x1="21.997" x2="21.997" y1="2" y2="30" gradientUnits="userSpaceOnUse"><stop stop-color="#E6E6E6"/><stop offset=".994" stop-color="#CCC"/></linearGradient><linearGradient id="imDx4xb" x1="34.188" x2="13.987" y1="25.5" y2="25.5" gradientUnits="userSpaceOnUse"><stop stop-color="#EBE9F4"/><stop offset=".285" stop-color="#FBF6FF"/><stop offset=".442" stop-color="#F7F0FF"/><stop offset=".517" stop-color="#E8DCFD"/><stop offset=".625" stop-color="#D6C8EE"/><stop offset="1" stop-color="#A6A1B0"/></linearGradient><linearGradient id="iPVVD6Q" x1="21.992" x2="21.992" y1="13.375" y2="30" gradientUnits="userSpaceOnUse"><stop offset=".932" stop-color="#D5B4FB" stop-opacity="0"/><stop offset="1" stop-color="#CCA5F3"/></linearGradient><linearGradient id="iuniN4b" x1="34.188" x2="13.987" y1="25.5" y2="25.5" gradientUnits="userSpaceOnUse"><stop stop-color="#EBE9F4"/><stop offset=".362" stop-color="#FBF6FF"/><stop offset=".446" stop-color="#F7F0FF"/><stop offset=".563" stop-color="#E8DCFD"/><stop offset=".727" stop-color="#D6C8EE"/><stop offset="1" stop-color="#A6A1B0"/></linearGradient><linearGradient id="iFqI6Kb" x1="28.892" x2="15.563" y1="3.75" y2="3.75" gradientUnits="userSpaceOnUse"><stop stop-color="#DAD7E4"/><stop offset=".283" stop-color="#DAD1EB"/><stop offset=".727" stop-color="#B7ABCB"/><stop offset="1" stop-color="#A6A1B0"/></linearGradient><linearGradient id="i2NuLQP" x1="32.901" x2="15" y1="24.629" y2="24.629" gradientUnits="userSpaceOnUse"><stop stop-color="#EBE9F4"/><stop offset=".285" stop-color="#FBF6FF"/><stop offset=".442" stop-color="#F7F0FF"/><stop offset=".517" stop-color="#E8DCFD"/><stop offset=".625" stop-color="#D6C8EE"/><stop offset="1" stop-color="#A6A1B0"/></linearGradient><linearGradient id="iTdJwwd" x1="15.938" x2="27.375" y1="6" y2="6" gradientUnits="userSpaceOnUse"><stop stop-color="#3974C5"/><stop offset=".552" stop-color="#3079E1"/><stop offset="1" stop-color="#3994F2"/></linearGradient><linearGradient id="itU8Ptc" x1="2.008" x2="17.75" y1="26.25" y2="26.25" gradientUnits="userSpaceOnUse"><stop stop-color="#A7A1B2"/><stop offset=".401" stop-color="#DFD1F5"/><stop offset=".663" stop-color="#FCF2FF"/><stop offset=".917" stop-color="#F0EBFD"/></linearGradient><linearGradient id="iG1cVLb" x1="9.512" x2="9.512" y1="20.469" y2="30" gradientUnits="userSpaceOnUse"><stop offset=".895" stop-color="#D5B4FB" stop-opacity="0"/><stop offset="1" stop-color="#CCA5F3"/></linearGradient><linearGradient id="iSFQTNe" x1="9.512" x2="9.512" y1="20.469" y2="21.156" gradientUnits="userSpaceOnUse"><stop stop-color="#BEBEBF"/><stop offset=".227" stop-color="#BEBEBF" stop-opacity="0"/></linearGradient><linearGradient id="iQ3KhdU" x1="2.008" x2="17.016" y1="24.367" y2="24.367" gradientUnits="userSpaceOnUse"><stop stop-color="#477CBC"/><stop offset=".466" stop-color="#3588F6"/><stop offset="1" stop-color="#48ADFF"/></linearGradient><linearGradient id="iP50mdT" x1="22.117" x2="18.993" y1="7.401" y2="7.401" gradientUnits="userSpaceOnUse"><stop stop-color="#CFC8DD"/><stop offset="1" stop-color="#A9A4B5"/></linearGradient><radialGradient id="iYvaPmc" cx="0" cy="0" r="1" gradientTransform="rotate(131.096 10.246 13.71)scale(14.9281 12.3347)" gradientUnits="userSpaceOnUse"><stop offset=".168" stop-color="#fff"/><stop offset=".442" stop-color="#D9D6E3"/><stop offset=".778" stop-color="#B0ADBA"/><stop offset=".918" stop-color="#A5A4AA"/></radialGradient><radialGradient id="iWxlfUd" cx="0" cy="0" r="1" gradientTransform="matrix(-.01564 1.67188 -5.12643 -.04796 26.563 7.937)" gradientUnits="userSpaceOnUse"><stop offset=".25" stop-color="#fff"/><stop offset=".82" stop-color="#fff" stop-opacity="0"/></radialGradient><radialGradient id="iccqZ9d" cx="0" cy="0" r="1" gradientTransform="matrix(-8.94579 6.9626 -11.57538 -14.87245 30.938 9.188)" gradientUnits="userSpaceOnUse"><stop stop-color="#F6F8FF"/><stop offset="1" stop-color="#EBECF7" stop-opacity="0"/></radialGradient><radialGradient id="ik8JeFe" cx="0" cy="0" r="1" gradientTransform="matrix(0 1.21875 -4.82986 0 26.36 7.688)" gradientUnits="userSpaceOnUse"><stop offset=".333" stop-color="#F7F6FF"/><stop offset="1" stop-color="#DFDAEE" stop-opacity="0"/></radialGradient><radialGradient id="iDgcAEX" cx="0" cy="0" r="1" gradientTransform="matrix(0 .625 -8.1875 0 26.75 2.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></radialGradient><radialGradient id="ia0NguY" cx="0" cy="0" r="1" gradientTransform="matrix(0 .57813 -6.07031 0 14.625 21.219)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></radialGradient><filter id="ibXNhec" width="17.188" height="16.125" x="13.5" y="13.938" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_28772" stdDeviation=".75"/></filter><filter id="itW1zJd" width="5.547" height="2.875" x="17.375" y="6.219" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_28772" stdDeviation=".5"/></filter></defs></g></svg>

Sake アイコンの使い方

React

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

<Icon icon="fluent-emoji:sake" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji:sake" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji:sake" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--sake]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:sake"></div>

Web コンポーネント

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

<iconify-icon icon="fluent-emoji:sake"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent-emoji/sake.svg" alt="Sake アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

Fluent Emoji アイコンをすべて見る →