Man Barista アイコン

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

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

openmoji:man-barista

Man Barista アイコン(openmoji:man-barista)は、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
カテゴリ: OpenMoji 追加分
タグ: manbarista

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><ellipse cx="33" cy="29.5" fill="#fcea2b" rx="12" ry="14.5"/><g fill="#6a462f"><path d="M42.8 15.1c3 5.8 1.3 11.9 1.3 11.9v-.4c-1.8-7.2-3.8-8.6-5-8.7v-.4c1-.5 2.4-1.4 3.5-2.6z"/><path d="M43.9 9.7c.8 2.2.1 3.9-1.2 5.3c-1.1 1.2-2.5 2-3.5 2.5c-.7.4-1.2.5-1.2.5c-5.8 2.2-6.1 1.9-10.6 0c0 0-3.4-2.5-6.2 8.6v.4s-2.2-6.8 2-13.2c3.2-4.9 12.9-2.4 12.9-2.4L39.2 9l1.1 3.1z"/></g><path fill="#3f3f3f" d="M14 59.1v-4c0-5 5-9 10-9q9 7.5 18 0c5 0 10 4 10 9v4"/><path fill="#6a462f" fill-rule="evenodd" d="M23.048 46.148a10.5 10.5 0 0 0-3.048.788V59.1h26V46.936c-.826-.35-1.695-.6-2.58-.73l-.92.394l-.5 7.5H24l-.5-7.5z" clip-rule="evenodd"/><path fill="#fff" d="M41 57.1h20l-2 3H43z"/><g fill="#fff"><path fill-rule="evenodd" d="M51 58.1c3.314 0 6-4.477 6-10H45c0 5.523 2.686 10 6 10" clip-rule="evenodd"/><path d="M57 48.1h1a1 1 0 0 0-1-1zm-12 0v-1a1 1 0 0 0-1 1zm11 0c0 2.611-.637 4.927-1.615 6.557c-.99 1.649-2.217 2.443-3.385 2.443v2c2.146 0 3.918-1.445 5.1-3.415c1.194-1.99 1.9-4.674 1.9-7.585zm-11 1h12v-2H45zm6 8c-1.168 0-2.395-.794-3.385-2.443C46.637 53.027 46 50.71 46 48.1h-2c0 2.911.706 5.596 1.9 7.585c1.182 1.97 2.954 3.415 5.1 3.415z"/></g><path d="M37 24.7c1.1 0 2 .9 2 2s-.9 2-2 2s-2-.9-2-2s.9-2 2-2m-.1 9.8c.2.5 0 1.1-.5 1.3c-1.1.6-2.3.8-3.5.8s-2.3-.3-3.4-.8c-.5-.2-.7-.8-.5-1.3s.8-.7 1.3-.4q2.55 1.35 5.1 0c.6-.3 1.2-.1 1.5.4"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6" d="M33 32s1.2-2 3.6 0c.372.379.86.62 1.387.688M32.988 32s-1.2-2-3.6 0a2.37 2.37 0 0 1-1.388.688"/><path d="M29 24.7c1.1 0 2 .9 2 2s-.9 2-2 2s-2-.9-2-2s.9-2 2-2"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M21.3 27c0 .4 0 1.4-.1 2.4c-.2 3.1.4 6.2 1.9 8.9c.6 1 1.3 2 2.1 2.7c2.8 2.4 5.6 2.5 7.4 2.5M44.2 27c0 .4.1 1.4.1 2.4c.2 3.1-.4 6.2-1.9 8.9c-.6 1-1.2 2-2.1 2.7c-2.8 2.4-5.5 2.5-7.4 2.5h-.3M21.3 27s-2.2-6.8 2-13.2c3.2-4.9 12.9-2.4 12.9-2.4L39.3 9l1.1 3.1l3.4-2.5c.8 2.2.1 3.9-1.2 5.3c-1.1 1.2-2.5 2-3.5 2.5c-.7.4-1.2.5-1.2.5c-5.8 2.2-6.1 1.9-10.6 0c0 0-3.4-2.5-6.2 8.6M39 17.9h.2c1.2.1 3.2 1.5 5 8.7"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M42.8 15.1c3 5.8 1.3 11.9 1.3 11.9"/><g fill="none" stroke="#000" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M14 58v-3c0-5 5-9 10-9q9 7.5 18 0q.754 0 1.5.118"/><path stroke-linejoin="round" d="m23.5 46.6l.5 7.5h18l.5-7.5"/><path stroke-linecap="round" d="M20 47.1v11"/><path stroke-linecap="round" stroke-linejoin="round" d="M46.2 54.1c-.754-1.671-1.2-3.749-1.2-6h12c0 2.251-.446 4.329-1.2 6"/><path stroke-linejoin="round" d="M41 57.1h20l-2 3H43z"/></g></svg>

Man Barista アイコンの使い方

React

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

<Icon icon="openmoji:man-barista" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:man-barista" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:man-barista" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="openmoji:man-barista"></iconify-icon>

HTML 画像

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

OpenMoji の関連アイコン

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

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

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

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

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

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

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

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