Person Fencing アイコン
twemoji:person-fencing
Person Fencing アイコン(twemoji:person-fencing)は、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
- カテゴリ
- 人物・体
- タグ
- personfencing
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#ccd6dd" d="M24.219 7.5a2.66 2.66 0 0 0-2.562 1.688c-.125.344-1.344 2.406-1.438 2.875s-.562.25-.969.188s-2.375-.156-3.094-.188c0 0-.485-.743-1.156-.688c-.75.062-1.281.281-1.406 1.031s1.031 1.562 1.562 1.562s1-.281 1.188-.281s3.094.656 3.625.719s1.469.031 1.719-.375s2.094-2.906 2.344-3.406s.187-3.125.187-3.125m-1.531 8.594s-3.503 7.748-3.792 8.184s-.334 1.233-.208 1.91s2.003 6.486 1.847 7.673c-.076.576 2.588 1.38 2.087.039c-.469-1.258-.349-3.708-.497-5.681c-.105-1.396-.5-2.813-.5-2.813l3.562-5.562s1.917 4.909 2 5.781c.031.323-.208 1.214-.188 2.344c.034 1.922.309 4.416.25 5.125c-.09 1.075 1.597 1.829 1.712.071c.125-1.91 1.353-5.644.976-8.134c-.637-4.205-1.5-8.469-1.5-8.469z"/><path fill="#99aab5" d="M31.107 35.025h-4.08c-.582 0-.166-1.287-.125-1.827s.291-.249.498-.083s.716-.042 1.173-.291s1.074-.466 1.27-.168c.719 1.094 1.35.9 1.875 1.312c.438.344.657 1.057-.611 1.057m-12.419 0h3.848c.581 0 .166-1.287.125-1.827s-.291-.249-.498-.083s-1.557.374-1.693-.271c-.107-.509-.958-.266-1.156.031c-.625.936-2.218.565-2.625 1.094c-.359.465-.426 1.056 1.999 1.056M25.25 7.469H28c.969 0 1.5.719 1.625 1.25s.156 1.844-.312 2.625c-.469.781-1.356 2.469-1.356 3.344s.95 2.937 1.075 3.5s-.985.459-1.781 1c-.781.531-1.594 1.438-1.656 1.719s-1.031.656-1.219.062s-.833-1.35-1.688-2.062c-.562-.469-1.031-.625-1-.938s.649-1.887.703-2.43c.25-2.531-1.249-2.596-.828-4.32c.248-1.015 1.125-3.156 1.875-3.531s1-.219 1.812-.219"/><path fill="#ccd6dd" d="M28.875 7.719c.906-.062 1.188.406 1.594.594s1.5.594 1.75.688s.688.625.688-.219c0-.439.219-1.531.312-2.031c.133-.709.25-1.375.25-1.375s-.719-1.031-.688-1.344c.031-.312.375-1.125.781-1.312s1.562.469 1.938.719s.219.875-.062 1.281s-.562 1.115-.562 1.774c0 .844.019 3.264-.2 4.921c-.074.561-.844.562-1.406.5s-3.051-.476-4.582-.82c-1.532-.345-.719-3.314.187-3.376m-4.024-6.362c1.404-.299 2.624.453 3.105 1.26c.826 1.383-.332 3.458.138 4.32c.436.8.126.986-.5 1.406c-.612.411-1.263.932-2.531.906c-1.465-.029-1.676-.859-1.5-1.562c.086-.342.087-.676.028-.998c0 0-.586-.469-.615-2.021c-.023-1.201-.323-2.842 1.875-3.311"/><path fill="#f5f8fa" d="M27.75 4.208c-.18 1.623-1.391 3.51-2.719 3.51s-2.198-1.312-2.349-2.905c-.15-1.587 1.466-3.592 2.849-3.502c1.325.088 2.395 1.314 2.219 2.897"/><path fill="#292f33" d="M27.34 4.15c-.18 1.623-1.168 3.256-2.496 3.256s-2.366-1.332-2.22-3.236c.138-1.796 1.212-2.979 2.595-2.889c1.325.087 2.297 1.285 2.121 2.869"/><path fill="#66757f" d="m14.089 11.742l-.664-.14C6.129 10.081.168 9.073.11 9.352s5.809 1.739 13.104 3.26l.665.137z"/><path fill="#66757f" d="M15.208 12.501c-.183.878-.784 1.497-1.341 1.38c-.557-.116-1.106-.974-.922-1.852c.183-.879 1.029-1.446 1.586-1.329s.86.923.677 1.801"/></svg>Person Fencing アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:person-fencing" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:person-fencing" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:person-fencing" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--person-fencing]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:person-fencing"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:person-fencing"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/person-fencing.svg" alt="Person Fencing アイコン" 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 Fencing アイコン
Person Fencing アイコン のよくある質問
Person Fencing アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Person Fencing アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:person-fencing" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Person Fencing アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/person-fencing.svg" alt="Person Fencing アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。