Man Guard アイコン

Q: Man Guard アイコンは商用利用でも無料ですか?

はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

twemoji:man-guard

Man Guard アイコン(twemoji:man-guard)は、Twitter Emoji セットの無料 SVG アイコンです（作者: Twitter）。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Twitter Emoji
作者: Twitter
ライセンス: CC-BY-4.0
サイズ: 36 × 36
カテゴリ: 人物・体
タグ: manguard

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#dd2e44" d="M30 36v-1c0-3.313-1.687-6-5-6H11c-3.313 0-5 2.687-5 6v1z"/><path fill="#292f33" d="M27 6c0-3.3-2.7-6-6-6h-6c-3.3 0-6 2.7-6 6v12c0 4.971 4.029 5 9 5s9-.029 9-5z"/><path fill="#ffdc5d" d="M14.626 29.456c1.344.976 2.195 1.194 3.36 1.194s2.016-.218 3.36-1.194v-2.938h-6.721z"/><path fill="#f9ca55" d="M14.62 27.816c.938 1.059 2.1 1.345 3.364 1.345s2.426-.287 3.364-1.345v-2.691H14.62z"/><path fill="#ffdc5d" d="M25.565 20.08c0-1.116-.565-2.021-1.263-2.021c-.064 0-.125.015-.186.03q-.012-.045-.026-.089H11.883l-.026.089a.8.8 0 0 0-.186-.03c-.698 0-1.263.905-1.263 2.021c0 1.025.479 1.863 1.097 1.994c.489 3.734 3.201 6.595 6.482 6.595s5.993-2.861 6.482-6.595c.618-.132 1.096-.969 1.096-1.994"/><path fill="#c1694f" d="M17.987 26.143c-2.123 0-2.774-.544-2.884-.653a.505.505 0 0 1 .695-.732c.04.029.556.376 2.188.376c1.695 0 2.186-.374 2.191-.377a.494.494 0 0 1 .704.01a.517.517 0 0 1-.011.724c-.109.108-.761.652-2.883.652m.578-3.123h-1.156a.58.58 0 0 1-.578-.578a.58.58 0 0 1 .578-.578h1.156a.58.58 0 0 1 .578.578a.58.58 0 0 1-.578.578"/><path fill="#662113" d="M14.904 20.9a.773.773 0 0 1-.771-.771v-.771c0-.424.347-.771.771-.771s.771.347.771.771v.771a.775.775 0 0 1-.771.771m6.165 0a.773.773 0 0 1-.771-.771v-.771c0-.424.347-.771.771-.771s.771.347.771.771v.771a.773.773 0 0 1-.771.771"/><path fill="#292f33" d="m12.578 30.461l-4.653.737a.5.5 0 0 1-.572-.416l-.156-.988a.5.5 0 0 1 .416-.572l4.653-.737a.5.5 0 0 1 .572.416l.156.988a.5.5 0 0 1-.416.572m10.87 0l4.653.737a.5.5 0 0 0 .572-.416l.156-.988a.5.5 0 0 0-.416-.572l-4.653-.737a.5.5 0 0 0-.572.416l-.156.988a.5.5 0 0 0 .416.572"/><path fill="#99aab5" d="M11.875 18s-.174 9 6.113 9s6.137-9 6.137-9H25s-.307 10-7 10s-7-10-7-10z"/><path fill="#f5f8fa" d="M17.5 31h1v5h-1z"/><path fill="#292f33" d="M21.38 27.816C21.38 29.391 19.144 30 18 30s-3.38-.609-3.38-2.184c0 0-.62-.127-.62 1.184s1.888 3 4 3s4-1.689 4-3s-.62-1.184-.62-1.184"/></svg>

Man Guard アイコンの使い方

React

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

<Icon icon="twemoji:man-guard" width="24" />

Vue

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

<template>
  <Icon icon="twemoji:man-guard" width="24" />
</template>

Svelte

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

<Icon icon="twemoji:man-guard" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--man-guard]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:man-guard"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="twemoji:man-guard"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/twemoji/man-guard.svg" alt="Man Guard アイコン" width="24" height="24">

Twitter Emoji の関連アイコン

他のアイコンセットの Man Guard アイコン

Man Guard アイコンのよくある質問

Man Guard アイコンは商用利用でも無料ですか?

はい。Twitter Emoji icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Man Guard アイコンを使うには?

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

Man Guard アイコンをウェブページに追加するには?

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

Twitter Emoji アイコンをすべて見る →