Breakfast Dining Outline ikonu
material-symbols-light:breakfast-dining-outline
Breakfast Dining Outline ikonu (material-symbols-light:breakfast-dining-outline), Material Symbols Light setinden ücretsiz bir SVG ikondur (yapımcı: Google). 24 × 24 ızgara üzerinde çizilmiştir. Material Symbols Light icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- Material Symbols Light
- Yazar
- Lisans
- Apache-2.0
- Boyut
- 24 × 24
- Kategori
- Seyahat
- Etiketler
- bakery, bread, breakfast, butter, dining, food, toast, maps, breakfastdining, diningoutline, breakfastdiningoutline, breakfast dining outline rounded
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6 20q-.402 0-.701-.299T5 19V9.873q-.829-.492-1.414-1.212Q3 7.94 3 7q0-1.246.877-2.123T6 4h12q1.246 0 2.123.877T21 7q0 .94-.585 1.66q-.586.72-1.415 1.213V19q0 .402-.299.701T18 20zm0-1h12V9.3l.539-.33q.565-.353 1.013-.831Q20 7.659 20 7q0-.825-.587-1.412T18 5H6q-.825 0-1.412.588T4 7q0 .666.445 1.147q.445.482 1.016.834L6 9.3zm5.608-2.57q.165.16.395.16t.39-.16l3.076-3.038q.166-.165.166-.395t-.166-.39l-3.077-3.076q-.16-.165-.389-.165q-.23 0-.395.165l-3.039 3.077q-.16.16-.16.389q0 .23.16.395zM12 15.409L9.592 13L12 10.554L14.446 13zM12 12"/></svg>Breakfast Dining Outline ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:breakfast-dining-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:breakfast-dining-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:breakfast-dining-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--breakfast-dining-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:breakfast-dining-outline"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:breakfast-dining-outline"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/material-symbols-light/breakfast-dining-outline.svg" alt="Breakfast Dining Outline ikonu" width="24" height="24">Material Symbols Light setindeki benzer ikonlar
Diğer ikon setlerinde Breakfast Dining Outline ikonu
Breakfast Dining Outline ikonu: sık sorulan sorular
Breakfast Dining Outline ikonu ticari kullanım için ücretsiz mi?
Evet. Material Symbols Light icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Breakfast Dining Outline ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="material-symbols-light:breakfast-dining-outline" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Breakfast Dining Outline ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/material-symbols-light/breakfast-dining-outline.svg" alt="Breakfast Dining Outline ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.