ICONYZ
日本語
Fluent Emoji Flat の Hamsa アイコン

Hamsa アイコン

fluent-emoji-flat:hamsa

Hamsa アイコン(fluent-emoji-flat:hamsa)は、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 コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#00a6ed" d="M23 12.016V7a3 3 0 0 0-4.105-2.79a3.001 3.001 0 0 0-5.79 0A3 3 0 0 0 9 7v5.016c-2.042 0-3.68.854-4.764 1.725c-.725.583-.437 1.6.306 2.16C5.497 16.618 6 17.52 6 19v1c0 5.523 4.477 10 10 10s10-4.477 10-10v-1c0-1.48.503-2.382 1.458-3.1c.743-.558 1.031-1.576.306-2.16c-1.084-.87-2.722-1.724-4.764-1.724"/><path fill="#1345b7" fill-rule="evenodd" d="M12 4v9.5a.5.5 0 0 0 1 0V4.17c-.313-.11-.65-.17-1-.17m7 .17v9.346a.5.5 0 1 0 1 0V4c-.35 0-.687.06-1 .17" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M15.95 16h.1c2.415 0 4.256 1.609 5.169 2.971a1.95 1.95 0 0 1-.02 2.217c-.918 1.31-2.75 2.843-5.149 2.843h-.1c-2.398 0-4.23-1.532-5.15-2.843a1.95 1.95 0 0 1-.019-2.217C11.694 17.61 13.535 16 15.95 16m.062 7.313a3.306 3.306 0 1 0 0-6.611a3.306 3.306 0 0 0 0 6.611" clip-rule="evenodd"/><path fill="#212121" d="M17.887 20.008a1.875 1.875 0 1 1-3.75 0a1.875 1.875 0 0 1 3.75 0"/></g></svg>

Hamsa アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="fluent-emoji-flat:hamsa"></iconify-icon>

HTML 画像

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

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

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

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

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

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

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

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

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

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