Burger アイコン
streamline-plump:burger
Burger アイコン(streamline-plump:burger)は、Plump free icons セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Plump free icons
- 作者
- 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"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="3"><path stroke-linejoin="round" d="M40.29 36.31c1.239.442 2.21 1.353 2.21 2.69c0 2.803-2.713 4.698-5.515 4.8c-2.804.104-7.014.2-12.985.2s-10.18-.096-12.985-.2C8.213 43.699 5.5 41.804 5.5 39c0-1.337.972-2.248 2.211-2.69"/><path d="M3.92 28.905a4.93 4.93 0 0 0-.913 3.035c.027.835.14 1.708.408 2.495c.63 1.855 2.901 1.946 4.858 1.855c1.038-.048 2.142.038 2.945.454c3.23 1.674 6.578 1.674 9.808 0c2.022-1.048 3.925-1.048 5.947 0c3.23 1.674 6.578 1.674 9.809 0c.803-.416 1.906-.502 2.944-.454c1.957.09 4.228 0 4.858-1.855a7 7 0 0 0 .185-.656c.391-1.707-.084-3.428-1.093-4.708"/><path stroke-linejoin="round" d="M5.5 16.5c0-6.856 5.382-12.174 12.233-12.402C19.563 4.038 21.645 4 24 4s4.437.037 6.267.098C37.117 4.326 42.5 9.644 42.5 16.5c0 1.26-.1 2.394-.232 3.343c-.268 1.929-1.774 3.311-3.708 3.534c-2.6.3-7.126.623-14.56.623s-11.96-.323-14.56-.623c-1.934-.223-3.44-1.605-3.708-3.534A24 24 0 0 1 5.5 16.5"/><path d="m6.949 22.238l-.592.025c-1.543.067-3.014.76-3.253 2.286C3.04 24.959 3 25.439 3 26s.04 1.042.104 1.452c.24 1.526 1.71 2.219 3.253 2.286C9.02 29.854 14.31 30 24 30c9.3 0 14.546-.135 17.308-.248c1.751-.072 3.419-.903 3.629-2.643q.061-.495.063-1.109c0-.41-.024-.778-.063-1.108c-.21-1.74-1.878-2.572-3.628-2.643l-.258-.01M36.5 15H36m-5.5-4H30m-1 7h.5"/></g></svg>
Burger アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:burger" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:burger" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:burger" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--burger]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:burger"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:burger"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump/burger.svg" alt="Burger アイコン" width="24" height="24">
Burger アイコン のよくある質問
Burger アイコンは商用利用でも無料ですか?
はい。Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Burger アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump:burger" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Burger アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump/burger.svg" alt="Burger アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Plump free icons をすべて見る →
ICONYZ
