Burger Flat アイコン
streamline-plump-color:burger-flat
Burger Flat アイコン(streamline-plump-color:burger-flat)は、Plump color icons セットの無料 SVG アイコンです(作者: Streamline)。 48 × 48 のグリッドで描かれています。 Plump color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Plump color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- 飲食
- タグ
- burgerflat
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#8fbffa" d="M24.5 45.5c-5.243 0-9.14-.092-11.928-.202C8.574 45.14 4.5 42.254 4.5 37.75v-.084c.02-1.723.913-3.06 2.106-3.915c1.166-.837 2.648-1.251 4.08-1.251h27.628c1.432 0 2.913.413 4.08 1.25c1.193.857 2.086 2.193 2.105 3.916l.001.084c0 4.504-4.074 7.39-8.072 7.548c-2.788.11-6.685.202-11.928.202"/><path fill="#2859c5" fill-rule="evenodd" d="M9.811 37.206c-1.425-.95-3.702-.694-5.175-.38c-.911.195-1.937.103-2.436-.684c-.626-.99-.937-2.318-1.083-3.573c-.276-2.378 1.05-4.763 3.377-5.326c2.492-.602 5.007-.086 7.46 1.551c2.245 1.497 4.358 1.497 6.602 0c3.585-2.392 7.302-2.392 10.888 0c2.244 1.497 4.357 1.497 6.601 0c2.453-1.637 4.968-2.153 7.46-1.55c2.327.562 3.654 2.947 3.377 5.325c-.146 1.255-.457 2.584-1.083 3.572c-.498.788-1.524.88-2.436.685c-1.472-.314-3.75-.57-5.174.38c-3.586 2.392-7.303 2.392-10.889 0c-2.244-1.497-4.357-1.497-6.6 0c-3.587 2.392-7.303 2.392-10.889 0" clip-rule="evenodd"/><path fill="#2859c5" d="M45.9 23.326c-.243-1.926-2.01-2.932-3.95-3.024C39.01 20.162 33.542 20 24 20c-9.927 0-15.444.175-18.294.318c-1.728.087-3.307.943-3.567 2.654A14 14 0 0 0 2 25c0 .8.055 1.47.14 2.028c.26 1.71 1.838 2.567 3.566 2.654C8.556 29.825 14.073 30 24 30c9.542 0 15.01-.162 17.95-.302c1.94-.092 3.706-1.098 3.95-3.024c.062-.484.1-1.04.1-1.674s-.038-1.19-.1-1.674"/><path fill="#8fbffa" d="M24.5 2.5c-2.617 0-4.902.043-6.882.113C10.359 2.868 4.5 8.506 4.5 15.875c0 1.727.194 3.218.406 4.336c.368 1.936 1.91 3.31 3.808 3.56c2.44.323 7.21.729 15.786.729s13.346-.406 15.786-.728c1.897-.251 3.44-1.625 3.808-3.561c.212-1.118.406-2.61.406-4.336c0-7.369-5.86-13.007-13.118-13.262c-1.98-.07-4.265-.113-6.882-.113"/><path fill="#2859c5" fill-rule="evenodd" d="M37 13.5a1.5 1.5 0 0 0 0 3h.5a1.5 1.5 0 0 0 0-3zM29.5 11A1.5 1.5 0 0 1 31 9.5h.5a1.5 1.5 0 0 1 0 3H31a1.5 1.5 0 0 1-1.5-1.5m1 5.5a1.5 1.5 0 0 1 0 3H30a1.5 1.5 0 0 1 0-3z" clip-rule="evenodd"/></g></svg>Burger Flat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:burger-flat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:burger-flat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:burger-flat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--burger-flat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:burger-flat"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:burger-flat"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/burger-flat.svg" alt="Burger Flat アイコン" width="24" height="24">Plump color icons の関連アイコン
他のアイコンセットの Burger Flat アイコン
Burger Flat アイコン のよくある質問
Burger Flat アイコンは商用利用でも無料ですか?
はい。Plump color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Burger Flat アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump-color:burger-flat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Burger Flat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/burger-flat.svg" alt="Burger Flat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。