Man Cook 1 アイコン

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

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

streamline-emojis:man-cook-1

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

アイコンセット: Streamline Emojis
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 48 × 48
カテゴリ: スマイリー・人物
タグ: mancook

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M10.5 45.5a13.5 1.5 0 1 0 27 0a13.5 1.5 0 1 0-27 0" opacity=".15"/><path fill="#fff" d="M24 31.22A11.88 11.88 0 0 1 35.88 43.1V45H12.12v-1.9A11.88 11.88 0 0 1 24 31.22"/><path fill="#f0f0f0" d="M24 31.22A11.88 11.88 0 0 0 12.12 43.1V45h.1A11.88 11.88 0 0 1 24 34.62A11.88 11.88 0 0 1 35.78 45h.1v-1.9A11.88 11.88 0 0 0 24 31.22"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 31.22A11.88 11.88 0 0 1 35.88 43.1V45h0h-23.76h0v-1.9A11.88 11.88 0 0 1 24 31.22"/><path fill="#ebcb00" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 27.18a2.54 2.54 0 0 0-2.54 2.54v2.85a2.54 2.54 0 1 0 5.08 0v-2.85A2.54 2.54 0 0 0 24 27.18"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M17.06 45v-2.41M30.94 45v-2.41"/><path fill="#00dfeb" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M21.46 31.22c0 1.1.73 2 2.54 2s2.54-.89 2.54-2a2.77 2.77 0 0 1 .74 1.91c0 1.27-1.47 2-3.28 2s-3.28-.77-3.28-2a2.7 2.7 0 0 1 .74-1.91"/><path fill="#fff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 35.12h2.78a1.5 1.5 0 0 1 1.51 1.5V45"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 35.12v-1.91"/><path fill="#45413c" d="M21.84 37.4a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5m4.31 0a.75.75 0 1 0 .75.75a.75.75 0 0 0-.75-.75m-4.31 3.41a.75.75 0 1 0 .75.75a.75.75 0 0 0-.75-.75m4.31 0a.75.75 0 0 0 0 1.5a.75.75 0 1 0 0-1.5"/><path fill="#724f3d" d="M24 6.91a9.8 9.8 0 0 0-2.44.31c-1.86.42-4.28 1.12-6.47.7a4.2 4.2 0 0 0 .84 3.21a9.8 9.8 0 0 0-1.75 5.6v5.14h19.64v-5.14A9.82 9.82 0 0 0 24 6.91"/><path fill="#a86c4d" d="M24 6.91a9.8 9.8 0 0 0-2.44.31c-1.86.42-4.28 1.12-6.47.7a4.47 4.47 0 0 0 .68 3a19.4 19.4 0 0 0 5.79-.79a9.81 9.81 0 0 1 12.26 9.51v-2.91A9.82 9.82 0 0 0 24 6.91"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 6.91a9.8 9.8 0 0 0-2.44.31c-1.86.42-4.28 1.12-6.47.7a4.2 4.2 0 0 0 .84 3.21a9.8 9.8 0 0 0-1.75 5.6v5.14h19.64v-5.14A9.82 9.82 0 0 0 24 6.91"/><path fill="#ffe500" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M34.87 21.12a1.83 1.83 0 0 0-1.39-1.54l-.59-.16a2.06 2.06 0 0 1-1.5-2v-2.04A1.88 1.88 0 0 0 30 13.57a15.3 15.3 0 0 1-6 1.09a15.3 15.3 0 0 1-6-1.09a1.88 1.88 0 0 0-1.4 1.81v2.06a2.06 2.06 0 0 1-1.5 2l-.59.16a1.83 1.83 0 0 0-1.39 1.54a1.81 1.81 0 0 0 1.81 2h.11a9 9 0 0 0 17.9 0h.11a1.81 1.81 0 0 0 1.82-2.02"/><path fill="#45413c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M18.57 20.91a.77.77 0 1 0 .77-.77a.76.76 0 0 0-.77.77m10.86 0a.77.77 0 1 1-.77-.77a.76.76 0 0 1 .77.77"/><path fill="#ff6242" d="M21.16 25.6a.42.42 0 0 0-.33.16a.42.42 0 0 0-.1.35a3.32 3.32 0 0 0 6.54 0a.42.42 0 0 0-.1-.35a.44.44 0 0 0-.33-.16Z"/><path fill="#ffa694" d="M24 27a4 4 0 0 0-2.52.77a3.36 3.36 0 0 0 5 0A4 4 0 0 0 24 27"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M21.16 25.6a.42.42 0 0 0-.33.16a.42.42 0 0 0-.1.35a3.32 3.32 0 0 0 6.54 0a.42.42 0 0 0-.1-.35a.44.44 0 0 0-.33-.16Z"/><path fill="#ffaa54" d="M17.06 24.19a1 .6 0 1 0 2 0a1 .6 0 1 0-2 0m11.88 0a1 .6 0 1 0 2 0a1 .6 0 1 0-2 0"/><path fill="#f0f0f0" d="M29.94 5.21A7.47 7.47 0 0 0 24 2.58a7.47 7.47 0 0 0-5.94 2.63c-2.62-1.27-7.18.3-7.18 4.54c0 3.95 2.79 4.83 2.79 4.83h20.66s2.79-.88 2.79-4.83c0-4.24-4.56-5.81-7.18-4.54"/><path fill="#fff" d="M18.06 9.92A7.47 7.47 0 0 1 24 7.29a7.47 7.47 0 0 1 5.94 2.63a5.29 5.29 0 0 1 6.71 2.35a6.3 6.3 0 0 0 .47-2.52c0-4.24-4.56-5.81-7.18-4.54A7.47 7.47 0 0 0 24 2.58a7.47 7.47 0 0 0-5.94 2.63c-2.62-1.27-7.18.3-7.18 4.54a6.3 6.3 0 0 0 .47 2.52a5.29 5.29 0 0 1 6.71-2.35"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M29.94 5.21A7.47 7.47 0 0 0 24 2.58a7.47 7.47 0 0 0-5.94 2.63c-2.62-1.27-7.18.3-7.18 4.54c0 3.95 2.79 4.83 2.79 4.83h20.66s2.79-.88 2.79-4.83c0-4.24-4.56-5.81-7.18-4.54"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M30 9.08c0 2.67-2.69 4.83-6 4.83s-6-2.16-6-4.83"/><path fill="#f0f0f0" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M13.67 14.58c0-1 4.62-1.75 10.33-1.75s10.33.78 10.33 1.75v2.79c0-1-4.62-1.75-10.33-1.75s-10.33.79-10.33 1.75Z"/></svg>

Man Cook 1 アイコンの使い方

React

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

<Icon icon="streamline-emojis:man-cook-1" width="24" />

Vue

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

<template>
  <Icon icon="streamline-emojis:man-cook-1" width="24" />
</template>

Svelte

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

<Icon icon="streamline-emojis:man-cook-1" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="streamline-emojis:man-cook-1"></iconify-icon>

HTML 画像

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

Streamline Emojis の関連アイコン

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

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

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

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

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

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

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

Streamline Emojis アイコンをすべて見る →