Person Swimming Medium Light Skin Tone アイコン
noto-v1:person-swimming-medium-light-skin-tone
Person Swimming Medium Light Skin Tone アイコン(noto-v1:person-swimming-medium-light-skin-tone)は、Noto Emoji (v1) セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Noto Emoji (v1)
- 作者
- Google Inc
- ライセンス
- Apache-2.0
- サイズ
- 128 × 128
- カテゴリ
- 人物・体
- タグ
- personswimming、swimmingmedium、mediumlight、lightskin、skintone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><g fill="#e0bb95"><path d="m46.91 44.3l10.86-7.49l22.78 29.16l-17.64 10.35z"/><circle cx="52.3" cy="40.59" r="6.69" transform="rotate(-76.761 52.299 40.586)"/><path d="m23.9 40.14l.98-9.51l28.28 3.3l-1.34 13.12z"/><circle cx="71.73" cy="71.15" r="10.23" transform="rotate(-30.396 71.727 71.14)"/><path d="m9.22 43.84l.07.2c1.4 3.83 5.65 5.8 9.48 4.4l8.81-3.22c3.83-1.4 5.8-5.65 4.4-9.48l-.07-.2c-1.4-3.83-5.65-5.8-9.48-4.4l-8.81 3.22c-3.83 1.41-5.8 5.65-4.4 9.48"/><path d="m19.25 40.28l2.86 7.8a2.436 2.436 0 0 0 3.12 1.45l3.35-1.23c3.9-1.43 5.9-5.74 4.47-9.64l-1.11-3.03z"/></g><g fill="#e0bb95"><path d="m68.71 88l10.03-21.25l34.85 16.46l-20.02 42.38l-34.84-16.46z"/><path d="M48.6 87.53c.77-2.72 5.37-12.46 6.98-14.78c5.09-7.34 10.93-11.72 17.5-8.61l22.4 10.58l-10 21.19l-10.02 21.19l-22.4-10.58c-6.57-3.1-6.9-10.4-4.46-18.99"/></g><g fill="#c48e6a"><path d="M61.11 88.71a6.19 6.19 0 0 0-1.74-8.58l-4.41-2.92l-6.83 10.32l4.41 2.92c2.84 1.89 6.68 1.11 8.57-1.74"/><path d="M52.1 90.17s2.1-1.44 4.22-4.63c2.11-3.19 2.72-5.64 2.72-5.64l-5.07-3.36c-1.36-.9-3.42-.97-4.32.38l-3.87 5.84c-.9 1.35-.11 3.15 1.24 4.05z"/></g><path fill="#6d4c41" d="M18.75 60.96s.13-.21.19-.3l.2-.3c8-10.58 15.78-8.85 20.52-6.69c5.14 2.33 8.71 4.42 8.71 4.42s-.31.06-.81.22c-.52.18-.95.47-.95.47l3.54 3.19l-10.64-1.48a.15.15 0 0 0-.16.08l-1.26 2.46a79 79 0 0 1-4.2 7.19c-.07.1-.14.2-.2.3c-.07.1-.13.2-.2.3a79 79 0 0 1-4.98 6.68l-1.77 2.12a.15.15 0 0 0-.01.18l5.52 9.22L27.93 87s-.11.51-.06 1.06c.04.52.11.83.11.83s-3.68-2.35-7.62-6.39c-3.75-3.83-8.07-10.36-1.61-21.54"/><path fill="#c48e6a" d="M28.1 86.37s-1.22 2.78 1.47 4.56c2.37 1.57 4.51.37 5.72-1.45l-6.43-4.26zm18.02-27.23s2.09-2.21 4.77-.43c2.37 1.57 2.1 4.01.9 5.83l-6.43-4.26z"/><path fill="#e0bb95" d="M19.5 61.1c7.12-10.76 17.33-8.05 29.04-.29c12.15 8.04 10.12 17.93 6.3 23.7c-3.76 5.68-12.04 11.55-24.28 3.45c-11.7-7.77-18.18-16.1-11.06-26.86"/><path fill="#c07b47" d="M43.61 70.63c1.21.8 2.73.64 3.39-.36s.22-2.47-.99-3.27s-2.73-.64-3.4.36c-.66 1.01-.22 2.46 1 3.27m-5.92 8.93c1.21.8 1.65 2.26.99 3.27c-.66 1-2.18 1.17-3.39.36c-1.21-.8-1.65-2.27-.99-3.27s2.18-1.16 3.39-.36"/><path fill="#c48e6a" d="M43.45 79.68c.63-.54 1.18-1.18 1.54-1.71s.72-1.29.97-2.08c.11-.34.45-.27.57-.05c.23.46.42 1.81-.33 2.94s-2.06 1.48-2.58 1.45c-.24-.02-.44-.31-.17-.55"/><path fill="none" d="M27.83 87.16c-.01-.97-.44-1.87-.7-2.8c-.83-3 .14-6.18 1.29-9.07c1.6-4.04 3.61-8 6.6-11.16c2.99-3.15 7.08-5.45 11.42-5.57"/><path fill="#01579b" d="M39.66 76.44c1.84 1.24 2.3 3.78.17 6.93c-2.1 3.11-4.66 3.68-6.5 2.44s-2.38-3.67-.17-6.93c2.14-3.17 4.65-3.68 6.5-2.44"/><defs><path id="SVGO9wJaezQ" d="M38.7 77.86c1.35.91 1.72 2.71.24 4.9c-1.46 2.16-3.3 2.53-4.65 1.62s-1.78-2.63-.24-4.9c1.49-2.21 3.3-2.53 4.65-1.62"/></defs><use fill="#b3e5fc" href="#SVGO9wJaezQ"/><clipPath id="SVGgYGyGbXk"><use href="#SVGO9wJaezQ"/></clipPath><path fill="#fff" d="m39.42 85.97l-4.73-8.11l.57-3.06l4.73 8.11z" clip-path="url(#SVGgYGyGbXk)"/><path fill="#01579b" d="M47.88 64.27c1.84 1.24 2.3 3.78.17 6.93c-2.1 3.11-4.66 3.68-6.5 2.44s-2.38-3.67-.17-6.93c2.14-3.18 4.66-3.68 6.5-2.44"/><defs><path id="SVGJLD86cWu" d="M46.92 65.69c1.35.91 1.72 2.71.24 4.9c-1.46 2.16-3.3 2.53-4.65 1.62s-1.78-2.63-.24-4.9c1.5-2.21 3.3-2.53 4.65-1.62"/></defs><use fill="#b3e5fc" href="#SVGJLD86cWu"/><clipPath id="SVGnoYLGcnh"><use href="#SVGJLD86cWu"/></clipPath><path fill="#fff" d="m47.64 73.8l-4.73-8.11l.58-3.07l4.73 8.11z" clip-path="url(#SVGnoYLGcnh)"/><path fill="#01579b" d="m42.93 73.86l-2.55 3.77l-1.88-1.27l2.55-3.77zm4.74-13.74c1.26 1.5 1.36 3.38.96 5.3l-1.88-1.27c.71-1.56.57-3.33-.96-5.3zM29.4 87.17c1.87.6 3.65-.01 5.29-1.11L32.8 84.8c-1.18 1.25-2.88 1.78-5.28 1.11z"/><path fill="#ef6c00" d="M18.16 59.81s-.15.21-.2.3c-.06.09-.19.3-.19.3c-6.99 11.71-1.82 19.77 2.05 23.09c4.28 3.67 8.17 5.4 8.17 5.4s-.07-.31-.11-.83c-.04-.55.06-1.06.06-1.06s-1.25-5.43-.46-9.95c.81-4.61 5.83-12.19 9.25-14.46c3.62-2.41 5.71-3.47 9.9-3.82c0 0 .43-.3.95-.47c.49-.17.81-.22.81-.22s-3.2-2.72-8.16-5.41c-3.78-2.04-13.65-4.05-22.07 7.13"/><path fill="#039be5" d="M96.01 89.16c-6.06 0-9.43-7.19-16-7.19s-9.93 7.19-16 7.19s-9.43-7.19-16-7.19s-9.93 7.19-16 7.19s-9.43-7.19-16-7.19s-9.93 7.19-16 7.19v-7.19H0V128h127.93V89.16c-6.01-.06-9.38-7.18-15.92-7.18c-6.57 0-9.94 7.18-16 7.18"/><g fill="#29b6f6"><path d="M127.97 98.5c-6.06 0-9.43 7.19-16 7.19h16zm-16 7.19c-6.57 0-9.93-7.19-16-7.19c-6.06 0-9.43 7.19-16 7.19z"/><path d="M79.98 105.69c-6.57 0-9.93-7.19-16-7.19s-9.43 7.19-16 7.19z"/><path d="M47.99 105.69c-6.57 0-9.93-7.19-16-7.19s-9.43 7.19-16 7.19z"/><path d="M16 105.69c-6.57 0-9.93-7.19-16-7.19v7.19zM128 128H0v-22.31h128z"/></g></svg>
Person Swimming Medium Light Skin Tone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:person-swimming-medium-light-skin-tone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:person-swimming-medium-light-skin-tone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:person-swimming-medium-light-skin-tone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--person-swimming-medium-light-skin-tone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:person-swimming-medium-light-skin-tone"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:person-swimming-medium-light-skin-tone"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/person-swimming-medium-light-skin-tone.svg" alt="Person Swimming Medium Light Skin Tone アイコン" width="24" height="24">
他のアイコンセットの Person Swimming Medium Light Skin Tone アイコン
Person Swimming Medium Light Skin Tone アイコン のよくある質問
Person Swimming Medium Light Skin Tone アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Person Swimming Medium Light Skin Tone アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:person-swimming-medium-light-skin-tone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Person Swimming Medium Light Skin Tone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/person-swimming-medium-light-skin-tone.svg" alt="Person Swimming Medium Light Skin Tone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Noto Emoji (v1) アイコン をすべて見る →
