Man Cook アイコン

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

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

twemoji:man-cook

Man Cook アイコン(twemoji:man-cook)は、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
カテゴリ: 人物・体
タグ: mancook

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#e1e8ed" d="M36 36v-2a6 6 0 0 0-6-6H14a6 6 0 0 0-6 6v2z"/><path fill="#269" d="m22 36l5-8H17z"/><path fill="#ffdc5d" d="M17.64 28.038c0 1.962 8.72 1.962 8.72 0v-3.749h-8.72z"/><path fill="#f9ca55" d="M17.632 25.973c1.216 1.374 2.724 1.746 4.364 1.746s3.146-.373 4.363-1.746v-3.491h-8.728v3.491z"/><path fill="#ffdc5d" d="M15.444 15.936c0 1.448-.734 2.622-1.639 2.622s-1.639-1.174-1.639-2.622s.734-2.623 1.639-2.623c.905-.001 1.639 1.174 1.639 2.623m16.389 0c0 1.448-.733 2.622-1.639 2.622c-.905 0-1.639-1.174-1.639-2.622s.733-2.623 1.639-2.623c.906-.001 1.639 1.174 1.639 2.623"/><path fill="#ffdc5d" d="M13.477 16.959c0-5.589 3.816-10.121 8.523-10.121s8.522 4.532 8.522 10.121S26.707 27.08 22 27.08c-4.706 0-8.523-4.531-8.523-10.121"/><path fill="#c1694f" d="M22 23.802c-2.754 0-3.6-.705-3.741-.848a.655.655 0 0 1 .902-.95c.052.037.721.487 2.839.487c2.2 0 2.836-.485 2.842-.49a.64.64 0 0 1 .913.015a.67.67 0 0 1-.014.938c-.141.143-.987.848-3.741.848"/><path fill="#ffac33" d="M22 3.48c5.648 0 9.178 4.168 9.178 7.641s-.706 4.863-1.412 3.473l-1.412-2.778s-4.235 0-5.647-1.39c0 0 2.118 4.168-2.118 0c0 0 .706 2.779-3.53-.694c0 0-2.118 1.389-2.824 4.862c-.196.964-1.412 0-1.412-3.473C12.822 7.648 15.646 3.48 22 3.48"/><path fill="#662113" d="M18 17c-.55 0-1-.45-1-1v-1c0-.55.45-1 1-1s1 .45 1 1v1c0 .55-.45 1-1 1m8 0c-.55 0-1-.45-1-1v-1c0-.55.45-1 1-1s1 .45 1 1v1c0 .55-.45 1-1 1"/><path fill="#c1694f" d="M22.75 19.75h-1.5c-.413 0-.75-.337-.75-.75s.337-.75.75-.75h1.5c.413 0 .75.337.75.75s-.337.75-.75.75"/><path fill="#ccd6dd" d="M31.178 12S28.556 13 22 13s-9.178-1-9.178-1V6h18.355v6z"/><path fill="#99aab5" d="M16 11.25a.5.5 0 0 1-1 0v-3a.5.5 0 0 1 1 0zm13 0a.5.5 0 0 1-1 0v-3a.5.5 0 0 1 1 0zm-10 .4a.5.5 0 0 1-1 0v-3a.5.5 0 0 1 1 0zm3.5.1a.5.5 0 0 1-1 0v-3a.5.5 0 0 1 1 0zm3.5-.1a.5.5 0 0 1-1 0v-3a.5.5 0 0 1 1 0z"/><path fill="#e1e8ed" d="M28.25 0c-1.157 0-2.237.32-3.167.869a6.21 6.21 0 0 0-6.25-.051A6.2 6.2 0 0 0 15.75 0C12.298 0 9.5 2.798 9.5 6.25S20.794 9.5 21.916 9.5c1.157 0 12.584.202 12.584-3.25S31.701 0 28.25 0"/><path fill="#99aab5" d="M10 24.75C10 28.202 7.985 30 5.5 30S1 28.202 1 24.75s2.015-7.25 4.5-7.25s4.5 3.798 4.5 7.25"/><path fill="#99aab5" d="M4.5 28h2v8h-2z"/><path fill="#c1694f" d="M10 24.75C10 28.202 7.985 30 5.5 30S1 28.202 1 24.75s2.015-7.25 4.5-7.25s4.5 3.798 4.5 7.25"/><path fill="#c1694f" d="M4.5 28h2v8h-2z"/><path fill="#ccd6dd" d="M14.894 4.489a.5.5 0 0 0 .594-.383c.031-.145.334-1.441 1.319-2.212c.76-.595 1.749-.987 2.007-1.084a6.2 6.2 0 0 0-1.268-.535c-.423.21-.914.486-1.355.832c-1.236.967-1.617 2.492-1.681 2.788a.5.5 0 0 0 .384.594m12.157-2.586c.986.772 1.289 2.066 1.319 2.211a.5.5 0 0 0 .978-.21c-.064-.296-.443-1.82-1.681-2.789a8 8 0 0 0-1.309-.809a6.2 6.2 0 0 0-1.237.542c.337.132 1.227.504 1.93 1.055"/></svg>

Man Cook アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Twitter Emoji の関連アイコン

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

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

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

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

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

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

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

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

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