Person Swimming Dark Skin Tone アイコン
twemoji:person-swimming-dark-skin-tone
Person Swimming Dark Skin Tone アイコン(twemoji:person-swimming-dark-skin-tone)は、Twitter Emoji セットの無料 SVG アイコンです(作者: Twitter)。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 人物・体
- タグ
- personswimming、swimmingdark、darkskin、skintone、personswimmingdarkskintone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#7c533e" d="M36 20.363A247 247 0 0 0 30 17c-2.638-1.429-3.53-5.558-4.14-7.737C25.256 7.11 23.201 3.737 23 3c-.263-.965-3-2-8 0S7 5 5 5S2 7 1 9s0 2 0 2c1 1 2-2 4-3s3 1 5 0c1.493-.747 4.146.009 6.488-.305c.794-.107 2.005-.188 2.512-.695c0 0 .572 6.698 2 11c0 0-.209 1.075-1.209 4.075c-.5 1.5-1.791 1.425-2.166.8S17 21 17 20c0-2-1-5-5-7c-1.789-.894-5.658-.683-7 2c-2 4 0 8 2 9s3 2 7 2c1.943 0 17.812.48 22 .364z"/><path fill="#fa743e" d="M21 18c3.745 2.204 12.107.993 12.798.897S36 20.363 36 20.363v4.918H19.626s.348-2.123-.23-3.073C20.396 20.754 21 18 21 18"/><path fill="#dd551f" d="M8.182 16.405c2.186-1.941 5.633-1.688 8.025.472C15.49 15.504 14.201 14.101 12 13c-1.789-.894-5.658-.683-7 2c-2 4 0 8 2 9c.239.119.463.239.681.356c-1.814-2.621-1.665-6.025.501-7.951"/><path fill="#583529" d="M12 18.5a.5.5 0 0 1-.354-.853C12.78 16.513 13.951 16.5 14 16.5a.5.5 0 0 1 0 1c-.028 0-.821.028-1.646.854A.5.5 0 0 1 12 18.5m-4 3a.5.5 0 0 1-.354-.853C8.78 19.513 9.951 19.5 10 19.5a.5.5 0 0 1 0 1c-.028.001-.821.028-1.646.854A.5.5 0 0 1 8 21.5"/><path fill="#55acee" d="M0 24h36v12H0z"/><path fill="#55acee" d="M6 24c3-2 7-5 6-3s-1.001 3 1 2s5-2 4 0s2 1 3 0s4 0 3 1s-9 2-12 2s-5-2-5-2"/></svg>Person Swimming Dark Skin Tone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:person-swimming-dark-skin-tone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:person-swimming-dark-skin-tone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:person-swimming-dark-skin-tone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--person-swimming-dark-skin-tone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:person-swimming-dark-skin-tone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:person-swimming-dark-skin-tone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/person-swimming-dark-skin-tone.svg" alt="Person Swimming Dark Skin Tone アイコン" width="24" height="24">Twitter Emoji の関連アイコン
person
person-bald
person-beard
person-biking
person-biking-dark-skin-tone
person-biking-light-skin-tone
person-biking-medium-dark-skin-tone
person-biking-medium-light-skin-tone
person-biking-medium-skin-tone
person-blond-hair
person-bouncing-ball
person-bouncing-ball-dark-skin-tone
person-bouncing-ball-light-skin-tone
person-bouncing-ball-medium-dark-skin-tone
person-bouncing-ball-medium-light-skin-tone
person-bouncing-ball-medium-skin-tone
person-bowing
person-bowing-dark-skin-tone
person-bowing-light-skin-tone
person-bowing-medium-dark-skin-tone
person-bowing-medium-light-skin-tone
person-bowing-medium-skin-tone
person-cartwheeling
person-cartwheeling-dark-skin-tone
他のアイコンセットの Person Swimming Dark Skin Tone アイコン
Person Swimming Dark Skin Tone アイコン のよくある質問
Person Swimming Dark Skin Tone アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Person Swimming Dark Skin Tone アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:person-swimming-dark-skin-tone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Person Swimming Dark Skin Tone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/person-swimming-dark-skin-tone.svg" alt="Person Swimming Dark Skin Tone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。