ICONYZ
日本語
OpenMoji の Woman Guard Medium Light Skin Tone アイコン

Woman Guard Medium Light Skin Tone アイコン

openmoji:woman-guard-medium-light-skin-tone

Woman Guard Medium Light Skin Tone アイコン(openmoji:woman-guard-medium-light-skin-tone)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
OpenMoji
作者
OpenMoji
ライセンス
CC-BY-SA-4.0
サイズ
72 × 72
カテゴリ
人物・体
タグ
womanguard、guardmedium、mediumlight、lightskin、skintone
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#3f3f3f" d="M24.872 28.026h21.273v-13.44a7.35 7.35 0 0 0-7.352-7.352h-6.569a7.35 7.35 0 0 0-7.352 7.352Z"/><path fill="#ea5a47" d="M54.92 63.942s4.011-14.002-10.3-14.898c-3.192 2.12-5.926 3.584-9 3.578h.125c-3.074.006-5.808-1.459-9-3.578c-12 0-10 14.898-10 14.898"/><path fill="#d22f27" d="M45.362 49.09c-3.113 2.075-4.984 3.24-8.973 3.818c12.827.404 12.827 7.11 13.575 11.037h5.02s2.16-14.855-9.622-14.855"/><path fill="#fff" d="M38 57.061h-4.183l.3 6.882H37.8z"/><path fill="#3f3f3f" d="M44.816 49.943a13.2 13.2 0 0 1 3.17.36c-7.49 9.31-18.82 7.44-24.21 0a13 13 0 0 1 3.16-.36c3.16 2.09 5.86 3.55 8.88 3.59h.12c3.02-.04 5.73-1.5 8.88-3.59"/><path fill="#fcea2b" d="M24 29v7l-1 3l-1 3l1 3h4l1.132-1.441l-.576-1.432l-2.186-5.168L25 32l1-4l1-1zm24 0v7l1 3l1 3l-1 3h-4l-1.132-1.441l.723-1.129l2.186-5.168l.323-4.461l-1.026-4.652L45 27z"/><path fill="#debb90" d="M47.208 33.867a16 16 0 0 0-1.232-6.209l-20.586.368a16 16 0 0 0-1.082 5.84a16.5 16.5 0 0 0 .233 2.77c1.067 6.265 5.49 10.977 11.594 10.977s10.267-5.198 10.818-10.847a16.5 16.5 0 0 0 .255-2.9"/><path d="M41.88 32.087a2 2 0 1 1-2-2a2 2 0 0 1 2 2m-8 0a2 2 0 1 1-2-2a2 2 0 0 1 2 2m2 10.003a7.65 7.65 0 0 1-3.447-.858a1 1 0 0 1 .894-1.789a5.38 5.38 0 0 0 5.106 0a1 1 0 0 1 .894 1.79a7.65 7.65 0 0 1-3.447.857"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16.936 62.943s-1.62-10.56 6.84-12.64a13 13 0 0 1 3.16-.36c3.16 2.09 5.86 3.55 8.88 3.59h.12c3.02-.04 5.73-1.5 8.88-3.59a13.2 13.2 0 0 1 3.17.36c8.45 2.09 6.83 12.64 6.83 12.64"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M23.776 50.303c5.39 7.44 16.72 9.31 24.21 0"/><path d="M34.22 63.953a1 1 0 0 1-1-1v-6.401a1 1 0 0 1 2 0v6.401a1 1 0 0 1-1 1m3.56 0a1 1 0 0 1-1-1V56.52a1 1 0 0 1 2 0v6.433a1 1 0 0 1-1 1m8.664-34.927H25.172a1 1 0 0 1-1-1v-13.44a8.36 8.36 0 0 1 8.352-8.352h6.569a8.36 8.36 0 0 1 8.351 8.352v13.44a1 1 0 0 1-1 1m-20.272-2h19.272v-12.44a6.36 6.36 0 0 0-6.351-6.352h-6.569a6.36 6.36 0 0 0-6.352 6.352Zm15.704 5.054a2 2 0 1 1-2-2a2 2 0 0 1 2 2m-8 0a2 2 0 1 1-2-2a2 2 0 0 1 2 2m2 10.002a7.65 7.65 0 0 1-3.448-.858a1 1 0 0 1 .895-1.79a5.38 5.38 0 0 0 5.105 0a1 1 0 0 1 .895 1.79a7.65 7.65 0 0 1-3.447.858"/><path d="M35.876 48.613c-6.804 0-12.339-6.806-12.339-15.173a18.3 18.3 0 0 1 .82-5.457a1 1 0 1 1 1.908.598a16.3 16.3 0 0 0-.728 4.859c0 7.264 4.637 13.173 10.339 13.173s10.338-5.909 10.338-13.173a16.6 16.6 0 0 0-.302-3.17a16 16 0 0 0-.42-1.672a1 1 0 0 1 1.91-.594a18 18 0 0 1 .473 1.884a18.6 18.6 0 0 1 .339 3.552c0 8.367-5.535 15.173-12.338 15.173"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.715 49.463a15.1 15.1 0 0 1 6.352-2.398m30.218 2.398a15.1 15.1 0 0 0-6.352-2.398m-19.801-3.019c-2.806 1.58-4.747.733-5.888-.267a1.333 1.333 0 0 1-.15-1.909C24.05 39.75 25 28 25 28m18.759 16.046c2.806 1.58 4.747.733 5.888-.267a1.333 1.333 0 0 0 .15-1.909C47.84 39.75 46.89 28 46.89 28"/></svg>

Woman Guard Medium Light Skin Tone アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="openmoji:woman-guard-medium-light-skin-tone" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="openmoji:woman-guard-medium-light-skin-tone" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="openmoji:woman-guard-medium-light-skin-tone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--woman-guard-medium-light-skin-tone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:woman-guard-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="openmoji:woman-guard-medium-light-skin-tone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/woman-guard-medium-light-skin-tone.svg" alt="Woman Guard Medium Light Skin Tone アイコン" width="24" height="24">

OpenMoji の関連アイコン

他のアイコンセットの Woman Guard Medium Light Skin Tone アイコン

Woman Guard Medium Light Skin Tone アイコン のよくある質問

Woman Guard Medium Light Skin Tone アイコンは商用利用でも無料ですか?

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Woman Guard Medium Light Skin Tone アイコンを使うには?

@iconify/react をインストールして <Icon icon="openmoji:woman-guard-medium-light-skin-tone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Woman Guard Medium Light Skin Tone アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/woman-guard-medium-light-skin-tone.svg" alt="Woman Guard Medium Light Skin Tone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

OpenMoji アイコン をすべて見る →