Hamburger 3 アイコン
streamline-emojis:hamburger-3
Hamburger 3 アイコン(streamline-emojis:hamburger-3)は、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
- カテゴリ
- 飲食
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M3.77 44.36a20.23 1.64 0 1 0 40.46 0a20.23 1.64 0 1 0-40.46 0" opacity=".15"/><path fill="#debb7e" d="M43.14 31.47v4.92c0 3.93-8.57 7.11-19.14 7.11S4.86 40.32 4.86 36.39v-4.92Z"/><path fill="#b89558" d="M4.86 33.66c0 3.92 8.57 7.11 19.14 7.11s19.14-3.19 19.14-7.11v-2.19H4.86Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M43.14 31.47v4.92c0 3.93-8.57 7.11-19.14 7.11S4.86 40.32 4.86 36.39v-4.92Z"/><path fill="#bf8256" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 38c23.58 0 23-7.65 20.23-12c-2.73-3.82-9.06-7.1-20.23-7.1S6.5 22.18 3.77 26C1 30.38.42 38 24 38"/><path fill="#6dd627" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M43.14 23.82s3.28 1.09 3.28 4.37s-4.38.55-6 1.64s-.41 3.6-2.73 4.38c-3.28 1.09-5-2.07-7.11-1.64c-2.73.54-1.64 3.28-6.56 3.28s-3.83-2.74-6.56-3.28c-2.15-.43-3.83 2.73-7.11 1.64c-2.35-.78-1.11-3.28-2.75-4.38s-6 1.64-6-1.64s3.28-4.37 3.28-4.37Z"/><path fill="#ffe500" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M42.59 27.14h-9.3v3.24a2.19 2.19 0 0 0 2.19 2.19h1.09V35a1.92 1.92 0 0 0 3.83 0v-4.1a2.19 2.19 0 0 0 2.19-2.19Z"/><path fill="#bf8256" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 30.38c23.58 0 23-7.66 20.23-12c-2.73-3.86-9.06-7.14-20.23-7.14S6.5 14.52 3.77 18.35C1 22.72.42 30.38 24 30.38"/><path fill="#6dd627" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M43.14 16.16s3.28 1.1 3.28 4.38s-4.38.54-6 1.64s-.41 3.6-2.73 4.37c-3.28 1.09-5-2.07-7.11-1.64c-2.73.55-1.64 3.28-6.56 3.28s-3.83-2.73-6.56-3.28c-2.15-.43-3.83 2.73-7.11 1.64c-2.35-.77-1.11-3.28-2.75-4.37s-6 1.64-6-1.64s3.28-4.38 3.28-4.38Z"/><path fill="#ff6242" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M7.05 18.35s-1.82 3.78 2.19 4.92c3.83 1.09 7.65-2.19 10.93-2.19s6.35 4.84 10.39 3.83c4.37-1.09 2.19-3.28 4.92-4.37s12 2.73 6.56-3.83Z"/><path fill="#ffe500" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M26.73 21.63h-9.29v2.73a2.19 2.19 0 0 0 2.19 2.19h1.09V29a1.92 1.92 0 1 0 3.83 0v-4.1a2.19 2.19 0 0 0 2.18-2.19Z"/><path fill="#f0d5a8" d="M43.14 15.62c0 3.92-8.57 7.1-19.14 7.1s-19.14-3.18-19.14-7.1C4.86 15.62 6 3 24 3s19.14 12.62 19.14 12.62"/><path fill="#debb7e" d="M24 18.9c-9 0-16.61-2.33-18.61-5.46a10.2 10.2 0 0 0-.53 2.18c0 3.92 8.57 7.1 19.14 7.1s19.14-3.18 19.14-7.1a10.2 10.2 0 0 0-.53-2.18C40.61 16.57 33 18.9 24 18.9"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M43.14 15.62c0 3.92-8.57 7.1-19.14 7.1s-19.14-3.18-19.14-7.1C4.86 15.62 6 3 24 3s19.14 12.62 19.14 12.62"/><path fill="#debb7e" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M12.78 8.83a1.09 1.09 0 1 0 .57 2.11l1.06-.28a1.09 1.09 0 1 0-.57-2.11Zm6.4 2.96a1.09 1.09 0 0 0 2 .9l.45-1a1.09 1.09 0 0 0-2-.91Zm16.04-2.96a1.09 1.09 0 1 1-.57 2.11l-1.06-.28a1.09 1.09 0 1 1 .57-2.11Zm-6.4 2.96a1.09 1.09 0 0 1-2 .9l-.45-1a1.09 1.09 0 1 1 2-.91Z"/></svg>Hamburger 3 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-emojis:hamburger-3" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-emojis:hamburger-3" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-emojis:hamburger-3" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--hamburger-3]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:hamburger-3"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-emojis:hamburger-3"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-emojis/hamburger-3.svg" alt="Hamburger 3 アイコン" width="24" height="24">Streamline Emojis の関連アイコン
Hamburger 3 アイコン のよくある質問
Hamburger 3 アイコンは商用利用でも無料ですか?
はい。Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Hamburger 3 アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-emojis:hamburger-3" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hamburger 3 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-emojis/hamburger-3.svg" alt="Hamburger 3 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。