Man Swimming アイコン
fluent-emoji-flat:man-swimming
Man Swimming アイコン(fluent-emoji-flat:man-swimming)は、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
- カテゴリ
- 人物・体
- タグ
- manswimming
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#26c9fc" d="M2 13.99a2.82 2.82 0 0 1 4 0a2.82 2.82 0 0 0 4 0a2.82 2.82 0 0 1 4 0a2.82 2.82 0 0 0 4 0a2.82 2.82 0 0 1 4 0a2.82 2.82 0 0 0 4 0a2.82 2.82 0 0 1 4 0v8.95H2z"/><path fill="#fcb100" d="M13.53 24.08H29.9c0-2.6-1.22-4.92-3.11-6.41L22.6 8.45A7.58 7.58 0 0 0 15.7 4H8.78c-.8.05-1.45.34-2.02.91L5.12 6.53c-.29.29-.31.76-.05 1.07l-.14.13c-.31.31-.33.81-.03 1.13s.81.32 1.12.01h.01c.04.07.08.14.14.2a.8.8 0 0 0 1.12.01l.55-.54c.35-.35.83-.55 1.33-.54h6.05c1.7 0 3.24.99 3.94 2.54l2.44 5.36a8.174 8.174 0 0 0-8.07 8.18"/><path fill="#0084ce" d="M2 20.98a2.82 2.82 0 0 1 4 0a2.82 2.82 0 0 0 4 0a2.82 2.82 0 0 1 4 0a2.82 2.82 0 0 0 4 0a2.82 2.82 0 0 1 4 0a2.82 2.82 0 0 0 4 0a2.82 2.82 0 0 1 4 0v8.95H2z"/><path fill="#fdbb11" d="M19.01 12.89a1.33 1.33 0 1 1-2.66 0a1.33 1.33 0 0 1 2.66 0m-5.51 5.52a1.33 1.33 0 1 1-2.66 0a1.33 1.33 0 0 1 2.66 0"/><path fill="#ffc83d" d="M10.47 11.7c-1.6 1.6-1.51 4.22.2 5.7l3.43 2.98c1.1.91 2.61.83 3.58-.13l1.85-1.85c.96-.96 1.04-2.47.13-3.58l-2.98-3.43a3.895 3.895 0 0 0-5.7-.2z"/><path fill="#ed9200" d="m14.55 15.71l.66 1.26c.14.26.48.31.69.1l.44-.44c.21-.21.15-.55-.1-.69l-1.26-.66a.317.317 0 0 0-.43.43"/><path fill="#f1a11e" d="m16.42 10.64l1.15 1.06c.14.21.12.48-.04.67c0 0-.47-.54-.77-.88a.77.77 0 0 0-.62-.26l-.21.01a1 1 0 0 1-.73-.28q.166-.06.304-.103c.22-.07.403-.129.636-.277c.026.036.09.035.15.034c.057-.002.11-.003.13.026m-5.91 6.02l-.01.2c-.01.23.08.46.26.62c.34.3.88.77.88.77c-.18.17-.46.19-.67.05l-1.06-1.15c-.027-.022-.032-.07-.037-.123c-.006-.064-.013-.134-.063-.167v-.003c.05-.409.09-.738.23-1.127l.19.19c.19.2.3.47.28.74"/><path fill="#433b6b" d="m17.57 11.7l-.59-.55l-.74 1.1c-.35-.04-.71.07-.97.33l-.64.64c-.36.36-.43.9-.23 1.33l-.55.55c-.44-.2-.97-.13-1.33.23l-.64.64c-.27.27-.37.63-.33.98l-1.11.76l.51.55l.96-.59c.46.43 1.19.42 1.63-.03l.64-.64c.36-.36.43-.9.23-1.33l.55-.55c.44.2.97.13 1.33-.23l.64-.64c.45-.45.46-1.18.02-1.64z"/><path fill="#00a6ed" d="m16.09 14.54l.45-.45c.31-.3.31-.8 0-1.11c-.3-.31-.8-.31-1.11 0l-.45.45c-.31.3-.31.8 0 1.11c.3.31.8.31 1.11 0m-2.71 2.71l.45-.45c.31-.3.31-.81 0-1.11c-.3-.31-.8-.31-1.11 0l-.45.45c-.31.3-.31.8 0 1.11c.3.31.8.31 1.11 0"/><path fill="#0092e7" d="M9.91 17.15c-1.8-1.44-1.93-3.92-.37-5.48l1.39-1.39a3.646 3.646 0 0 1 5.48.37s-.25-.16-3.47 3.06c-3.25 3.26-3.03 3.44-3.03 3.44"/><path fill="#990839" d="M16.93 18.46a.81.81 0 1 0 0-1.62a.81.81 0 0 0 0 1.62"/></g></svg>
Man Swimming アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:man-swimming" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:man-swimming" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:man-swimming" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--man-swimming]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:man-swimming"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:man-swimming"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/man-swimming.svg" alt="Man Swimming アイコン" width="24" height="24">
Fluent Emoji Flat の関連アイコン
他のアイコンセットの Man Swimming アイコン
Man Swimming アイコン のよくある質問
Man Swimming アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Man Swimming アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:man-swimming" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Man Swimming アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/man-swimming.svg" alt="Man Swimming アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
