Hamburger アイコン
emojione:hamburger
Hamburger アイコン(emojione:hamburger)は、Emoji One (Colored) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (Colored)
- 作者
- Emoji One
- ライセンス
- CC-BY-4.0
- サイズ
- 64 × 64
- カテゴリ
- 食べ物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#e7a74f" d="M62 44.5C62 56.5 51.1 62 32.2 62c-19 0-29.8-5.5-29.8-17.5c0-17.6 59.6-17.6 59.6 0"/><path fill="#ba8443" d="M61.8 36.2c0 12-10.8 17.5-29.7 17.5c-18.8 0-29.7-5.5-29.7-17.5c.1-17.5 59.4-17.5 59.4 0"/><path fill="#826046" d="M2.4 36.5c0-5 5.9-11.9 29.8-11.9S62 31.6 62 36.5c0 9.1-8.4 15.7-29.8 15.7S2.4 45.6 2.4 36.5"/><path fill="#68472c" d="M3 31.3c0-5 5.8-11.9 29.2-11.9s29.2 7 29.2 11.9c0 9.1-8.2 15.7-29.2 15.7S3 40.4 3 31.3"/><path fill="#ef4d3c" d="M3.2 24.8c1.4-3 5.1-3.2 17.1 1.9s14.3 7.8 12.9 10.9c-2.6 5.5-9.7 9.6-20.5 5S.5 30.4 3.2 24.8"/><path fill="#d33b23" d="M4.2 21.4c1.4-3 5.1-3.2 17.1 1.9s14.3 7.8 12.9 10.9c-2.6 5.5-9.7 9.6-20.5 5S1.5 26.9 4.2 21.4"/><path fill="#ef4d3c" d="M29.3 34.5c-.8-3.2 2-5.5 14.9-8.3s16.4-2 17.2 1.3c1.5 5.9-1.5 13.2-13.1 15.7c-11.5 2.5-17.6-2.8-19-8.7"/><path fill="#d33b23" d="M28 31.3c-.8-3.2 2-5.5 14.9-8.3s16.4-2 17.2 1.3C61.6 30.2 58.6 37.5 47 40c-11.5 2.5-17.5-2.8-19-8.7"/><path fill="#ffe62e" d="m9.7 30.9l20 19.2l19.6-19.2z"/><path fill="#8cc63e" d="M60.7 25.9s.9 3.4 0 4.4c-.8.9-3.3-.1-4.4.7c-1 .7-.7 3.4-1.9 4c-1.1.6-3.2-1.1-4.4-.6c-1.1.4-1.5 3.1-2.7 3.5c-1.2.3-3-1.7-4.2-1.5s-2 2.8-3.3 3c-1.2.2-2.7-2.1-4-2c-1.2.1-2.4 2.5-3.7 2.5s-2.4-2.5-3.7-2.5c-1.3-.1-2.7 2.2-4 2s-2.1-2.7-3.3-3c-1.3-.3-3 1.8-4.2 1.5c-1.2-.4-1.6-3-2.7-3.5c-1.2-.5-3.4 1.2-4.4.6c-1.2-.6-.9-3.3-1.9-4c-1.1-.8-3.6.2-4.4-.7c-.9-1 0-4.4 0-4.4z"/><path fill="#e7a74f" d="M62 23.4c0 6.5-13.3 9.7-29.8 9.7S2.4 29.9 2.4 23.4C2.4 11.6 15.7 2 32.2 2S62 11.6 62 23.4"/><path fill="#ffc17a" d="m16.3 14.4l-1.6 1.5l-1.5-1.5l1.5-1.5zm7.4-2.4l-1.5 1.5l-1.5-1.5l1.5-1.5zm4.3 6.8l-1.6 1.5l-1.5-1.5l1.5-1.5zm5.2-5.4l-1 1l-1-1l1-1zm18.7 3.9l-1 1l-1-1l1-1zm6.2 1l-1 1l-1-1l1-1zM46.4 11l-1 1l-1-1l1-1zM15.9 9.7l-1 1l-1-1l1-1zm-5.4 4.7l-1 1l-1-1l1-1zm6.3 6.7l-1 1l-1.1-1l1.1-1zM28.5 5.7l-1 1l-1.1-1l1.1-1zm9.5-1l-1 1l-1-1l1-1zm-15.8 2l-1 1l-1-1l1-1zm28.7 2.4l-1 1l-1-1l1-1zM40 21.7l-1.5 1.5l-1.5-1.5l1.5-1.5zM37.6 14l-1.5 1.5l-1.5-1.5l1.5-1.5zm5.6-5.8l-1.5 1.5l-1.5-1.5l1.5-1.5zm4.4 6.5l-1.5 1.5l-1.6-1.5l1.6-1.5zm6.4-2.2L52.5 14l-1.6-1.5l1.6-1.5zm-4.9 8.8l-1.5 1.5l-1.5-1.5l1.5-1.5zm-36.6-2.6L11 20.2l-1.5-1.5l1.5-1.5z"/></svg>
Hamburger アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione:hamburger" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione:hamburger" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione:hamburger" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--hamburger]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:hamburger"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione:hamburger"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione/hamburger.svg" alt="Hamburger アイコン" width="24" height="24">
他のアイコンセットの Hamburger アイコン
Hamburger アイコン のよくある質問
Hamburger アイコンは商用利用でも無料ですか?
はい。Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Hamburger アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione:hamburger" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hamburger アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione/hamburger.svg" alt="Hamburger アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (Colored) アイコン をすべて見る →
ICONYZ
