Sari アイコン
fluent-emoji-flat:sari
Sari アイコン(fluent-emoji-flat:sari)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#00f397" d="M19.39 4.958h5.613V15l-2.503.5l-3.11-.5z"/><path fill="#37c9cd" d="M10.387 20L8.91 28.07c-.05.25-.1.44-.071.663c.028.224.233.625.233.625l15.677.025s.212-.4.242-.626s-.026-.425-.071-.667L22.74 16l.26-.5l-.44-.5l-.69-3.83z"/><path fill="#ff8257" d="M12 12.08V7.41l-1.5.94a.37.37 0 0 1-.5-.15L8.19 4.87a.43.43 0 0 1 .14-.56l3.16-2a1.9 1.9 0 0 1 1-.31h8.26l.75.31h.93l3.16 2a.43.43 0 0 1 .14.56L24.05 8.2a.37.37 0 0 1-.52.15L22 7.41v4.67z"/><path fill="#8c5543" d="M14.18 2v.1A3 3 0 0 0 17 5.17a3 3 0 0 0 2.81-3.07V2z"/><path fill="#6afcac" d="M10.063 19.848c-.102.52.356.014.937-.348l11-7.875s.715-5.137.5-8.125c0-.675.196-1.015-.308-1.328A1.9 1.9 0 0 0 21.367 2h-.734c-.36 0-.133.1-.133.5v1c0 2.1-2.5 4-2.5 4c-1.6 1.123-4 3.5-6.58 4.52z"/><path fill="#fcd53f" d="M17.71 7.24S20 5.88 20 3.78V2.629c0-.4.271-.629.632-.629h.392v1.428c0 2.204-1.303 3.626-2.865 4.72c-1.413.99-5.043 3.551-6.918 4.883l.178-1.011a1 1 0 0 1 .46-.69zm-7.647 12.608c-.102.52.536.954 1.117.592l11.153-8.26a2 2 0 0 0 .512-.7a2.2 2.2 0 0 0 .168-.856v-7.25c0-.639-.279-.874-.783-1.186a1.5 1.5 0 0 0-.228-.091v8.527c0 .486-.258.728-.634 1.03c-.3.242-7.662 5.564-11.305 8.194m-.991 9.51a1.5 1.5 0 0 1-.17-.346h16.031A1.43 1.43 0 0 1 23.6 30H10.2a1.45 1.45 0 0 1-1.128-.642m13.49-14.352l.184 1.022h1.265c.663 0 .995-.47.995-1.022z"/></g></svg>Sari アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:sari" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:sari" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:sari" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--sari]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:sari"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:sari"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/sari.svg" alt="Sari アイコン" width="24" height="24">他のアイコンセットの Sari アイコン
Sari アイコン のよくある質問
Sari アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sari アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:sari" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sari アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/sari.svg" alt="Sari アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。