Sari アイコン
fluent-emoji-high-contrast:sari
Sari アイコン(fluent-emoji-high-contrast:sari)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M21.48 0c.111 0 .22.011.32.022c.446.043.881.166 1.285.361l.125.067l.011.007c.101.053.197.11.28.163l3.16 2l.026.014l.021.014c.5.336.856.845 1 1.429a2.4 2.4 0 0 1-.192 1.694l-1.513 2.998V16l.003.006c0 .552-.275 1.022-.824 1.022h-.223l1.946 10.79a3.5 3.5 0 0 1 .07 1.2A3.425 3.425 0 0 1 23.6 32H10.092a3.45 3.45 0 0 1-3.238-3.017a3.6 3.6 0 0 1 .08-1.233l.01-.04L8.2 20.836a2.46 2.46 0 0 1-.108-1.329L9.446 11.7a3 3 0 0 1 .464-1.184q.043-.065.09-.127v-.018a2.35 2.35 0 0 1-1.756-1.216L6.425 5.813a2.43 2.43 0 0 1 .791-3.165l.022-.014l.021-.014L10.4.634A3.95 3.95 0 0 1 12.49 0zm-.455 2v1.428c0 2.204-1.303 3.626-2.865 4.72c-1.412.99-5.038 3.548-6.914 4.88l-1.157 6.688c1.928-1.384 4.552-3.254 6.784-4.846l.002-.001c2.402-1.712 4.351-3.101 4.493-3.215c.376-.302.634-.544.634-1.03V2.096a1.8 1.8 0 0 0-.409-.085C21.54 2 21.485 2 21.43 2zM17.71 7.24s2.291-1.36 2.291-3.46V2h-.19v.1A3 3 0 0 1 17 5.17a3 3 0 0 1-2.82-3.07V2h-1.69a1.9 1.9 0 0 0-1 .31l-3.16 2a.427.427 0 0 0-.14.56L10 8.2a.37.37 0 0 0 .5.15l1.5-.94v3.78l-.013.064zm5.303-4.564v5.36s-.157-.098.52.318a.4.4 0 0 0 .142.049h.048a.38.38 0 0 0 .327-.203l1.685-3.33a.43.43 0 0 0-.14-.56zM10.2 21.03l-1.29 7.04l-.018.083c-.051.189-.07.385-.054.58q.018.143.064.28h16.03q.041-.127.058-.256c.015-.183 0-.367-.047-.544l-.024-.123l-2.832-15.722zm0 8.97"/></svg>Sari アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:sari" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:sari" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:sari" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--sari]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:sari"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:sari"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/sari.svg" alt="Sari アイコン" width="24" height="24">他のアイコンセットの Sari アイコン
Sari アイコン のよくある質問
Sari アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sari アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:sari" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sari アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/sari.svg" alt="Sari アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。