Man Cartwheeling Dark アイコン
fluent-emoji-flat:man-cartwheeling-dark
Man Cartwheeling Dark アイコン(fluent-emoji-flat:man-cartwheeling-dark)は、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
- カテゴリ
- 人物・体
- タグ
- mancartwheeling、cartwheelingdark、mancartwheelingdark
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#573739" d="m13.5 28.99l.5-.39V22l.91-4l1.09.68V29c0 .49-.43 1-.92 1h-1.59c-.27 0-.49-.25-.49-.52c.01-.27.23-.49.5-.49m13.307-3.786l.493.533a.4.4 0 0 1 .05.043l.61.65c.11.13.1.32-.02.43c-.13.11-.32.1-.43-.02l-.02-.02l-.004-.024l-.002-.002a.3.3 0 0 1-.104.256a.3.3 0 0 1-.43-.04l-.006-.008l-.104-.112l-.002-.01l-.008-.01c.01.1-.03.2-.11.27a.31.31 0 0 1-.42-.04l-.27-.3a.28.28 0 0 0-.22-.09l.01.09c.03.2-.12.39-.32.41a.37.37 0 0 1-.41-.33l-.086-.682l-.114-.128l-6.02-6.32l.94-1.03l1.55.73l5.253 5.544l.157.169z"/><path fill="#00a6ed" d="M21 14h-6v3.735c-.322.772-1.05 2.691-1.05 4.265h2l1.067-2h1.95l1.953 1.9l1.5-1.3c-.552-1.563-1.323-2.522-1.42-2.63z"/><path fill="#573739" d="m14.952 14.05l-10.68-.03c-.22 0-.35-.26-.22-.44l.39-.54c.43-.59.94-.6 1.67-.68l9.89-1.36c1.91-.35 2.9-.33 3.56-.97l7.21-6.62C27.372 2.85 28.34 2 28.8 2h.7c.21 0 .322.24.192.41l-8.64 11.64z"/><path fill="#9b9b9b" d="M14.952 14.05h-1.95v-2.64l4.03-.67c.98-.22 2.15-.46 2.62-.89l1.7-1.47l2.32 2.14l-2.62 3.53z"/><path fill="#533566" d="M30.86 2.89c-1.13.63-2.77 1.55-2.77 1.55l-1.69-.72l-.04-1.17c-.01-.27.37-.55.64-.55c0 0 3.17-.06 3.83-.02c.22.01.26.78.03.91M2.47 14.69c1.26-.27 3.1-.66 3.1-.66l.79-1.66l-.74-.91a.483.483 0 0 0-.69-.06s-2.42 2.05-2.89 2.51c-.15.16.17.83.43.78"/><path fill="#452829" d="M16.86 20.41c0-.04.53-1.18.85-1.56c.12-.14.34-.15.46 0c.33.38.88 1.56.88 1.56c0 .65-.45.56-1.11.56c-.67-.01-1.08.1-1.08-.56"/><path fill="#4e3233" d="M16.69 22.52a.67.67 0 1 1-1.34 0a.67.67 0 0 1 1.34 0m3.91 0a.67.67 0 1 1-1.34 0a.67.67 0 0 1 1.34 0"/><path fill="#573739" d="M18.15 25.5c1.13 0 2.03-.96 1.95-2.09l-.16-2.27c-.07-.71-.63-1.22-1.31-1.22h-1.31c-.68 0-1.24.51-1.31 1.22l-.16 2.27c-.08 1.13.82 2.09 1.95 2.09z"/><path fill="#000" d="m16.443 23.626l.001.001l.002.002l.005.003l.063.042q.062.038.171.083c.146.056.353.105.602.074a.223.223 0 1 0-.054-.443a.8.8 0 0 1-.514-.113l-.004-.003a.223.223 0 0 0-.272.354m2.792-.354a.223.223 0 0 1 .272.354l-.001.001l-.002.002l-.005.003l-.063.042q-.061.038-.171.083a1.24 1.24 0 0 1-.602.074a.223.223 0 1 1 .054-.443a.8.8 0 0 0 .514-.113z"/><path fill="#fff" d="M16.45 22.64a.57.57 0 0 0 1.11-.03c.01-.06-.03-.11-.09-.11h-.91c-.07 0-.13.07-.11.14m3.05 0a.57.57 0 0 1-1.11-.03c-.01-.06.03-.11.09-.11h.91c.07 0 .13.07.11.14"/><path fill="#7d4533" d="M16.72 22.6c0 .2.16.36.36.36s.37-.16.36-.36c0-.04 0-.07-.01-.1h-.7c-.01.03-.01.07-.01.1m2.5 0c0 .2-.16.36-.36.36s-.36-.16-.36-.36c0-.04 0-.07.01-.1h.7c.01.03.01.07.01.1"/><path fill="#000" d="M17.08 22.81c.12 0 .21-.1.21-.21c0-.04-.01-.07-.03-.1h-.37c-.01.03-.02.07-.02.1c0 .12.1.21.21.21m1.79 0c-.12 0-.21-.1-.21-.21c0-.04.01-.07.03-.1h.37c.01.03.02.07.02.1c0 .12-.1.21-.21.21"/><path fill="#fff" d="M17.26 22.74a.06.06 0 1 1-.12 0a.06.06 0 0 1 .12 0m1.79 0a.06.06 0 1 1-.12 0a.06.06 0 0 1 .12 0"/><path fill="#3d2123" d="m18.13 22.63l.21-.68a.217.217 0 0 0-.21-.28h-.31c-.15 0-.25.14-.21.28l.21.68c.05.15.26.15.31 0"/><path fill="#000" d="m15.84 25.09l.17.09q.18.09.33.24l.34.34c.25.25.63.34.96.22c.22-.08.46-.08.67 0c.3.15.65.09.89-.14l.41-.41q.15-.15.33-.24l.17-.09c.32-.16.49-.51.43-.86l-.23-1.26a.26.26 0 0 0-.26-.22s.02.36.04.59a.37.37 0 0 1-.13.31l-.07.07c-.1.09-.16.22-.16.36v.35c0 .1-.07.19-.16.21c-.26.07-.82.18-1.59.18s-1.33-.11-1.59-.18c-.1-.02-.16-.11-.16-.21v-.35c0-.14-.06-.27-.16-.36l-.08-.07a.37.37 0 0 1-.13-.31c.01-.23.04-.58.04-.58c-.12.01-.23.1-.25.22l-.23 1.26c-.08.34.1.69.42.84"/><path fill="#290118" d="M17.97 21.32c.22 0 .43.05.6.14c.06.03.12-.04.09-.09a.83.83 0 0 0-.69-.37c-.29 0-.54.15-.69.37c-.04.06.03.12.09.09c.18-.09.38-.14.6-.14"/></g></svg>Man Cartwheeling Dark アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:man-cartwheeling-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:man-cartwheeling-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:man-cartwheeling-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--man-cartwheeling-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:man-cartwheeling-dark"></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-cartwheeling-dark"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/man-cartwheeling-dark.svg" alt="Man Cartwheeling Dark アイコン" width="24" height="24">Fluent Emoji Flat の関連アイコン
man
man-artist
man-artist-dark
man-artist-light
man-artist-medium
man-artist-medium-dark
man-artist-medium-light
man-astronaut
man-astronaut-dark
man-astronaut-light
man-astronaut-medium
man-astronaut-medium-dark
man-astronaut-medium-light
man-bald
man-bald-dark
man-bald-light
man-bald-medium
man-bald-medium-dark
man-bald-medium-light
man-beard
man-beard-dark
man-beard-light
man-beard-medium
man-beard-medium-dark
他のアイコンセットの Man Cartwheeling Dark アイコン
Man Cartwheeling Dark アイコン のよくある質問
Man Cartwheeling Dark アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Man Cartwheeling Dark アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:man-cartwheeling-dark" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Man Cartwheeling Dark アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/man-cartwheeling-dark.svg" alt="Man Cartwheeling Dark アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。