Format Image Front Outline Rounded ikonu
material-symbols:format-image-front-outline-rounded
Format Image Front Outline Rounded ikonu (material-symbols:format-image-front-outline-rounded), Material Symbols setinden ücretsiz bir SVG ikondur (yapımcı: Google). 24 × 24 ızgara üzerinde çizilmiştir. Material Symbols 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
- Yazar
- Google
- Lisans
- Apache-2.0
- Boyut
- 24 × 24
- Kategori
- Metin
- Etiketler
- formatimage, imagefront, frontoutline, outlinerounded, formatimagefrontoutlinerounded
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20 21H4q-.425 0-.712-.288T3 20t.288-.712T4 19h16q.425 0 .713.288T21 20t-.288.713T20 21M5.213 16.713Q4.925 17 4.5 17H4q-.425 0-.712-.288T3 16t.288-.712T4 15h.5q.425 0 .713.288T5.5 16t-.288.713M8 17q-.425 0-.712-.288T7 16V8q0-.425.288-.712T8 7h8q.425 0 .713.288T17 8v8q0 .425-.288.713T16 17zm12 0h-.5q-.425 0-.712-.288T18.5 16t.288-.712T19.5 15h.5q.425 0 .713.288T21 16t-.288.713T20 17M9 15h6V9H9zm-3.787-2.287Q4.925 13 4.5 13H4q-.425 0-.712-.288T3 12t.288-.712T4 11h.5q.425 0 .713.288T5.5 12t-.288.713M20 13h-.5q-.425 0-.712-.288T18.5 12t.288-.712T19.5 11h.5q.425 0 .713.288T21 12t-.288.713T20 13M5.213 8.713Q4.925 9 4.5 9H4q-.425 0-.712-.288T3 8t.288-.712T4 7h.5q.425 0 .713.288T5.5 8t-.288.713M20 9h-.5q-.425 0-.712-.288T18.5 8t.288-.712T19.5 7h.5q.425 0 .713.288T21 8t-.288.713T20 9m0-4H4q-.425 0-.712-.288T3 4t.288-.712T4 3h16q.425 0 .713.288T21 4t-.288.713T20 5m-8 7"/></svg>
Format Image Front Outline Rounded ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols:format-image-front-outline-rounded" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols:format-image-front-outline-rounded" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols:format-image-front-outline-rounded" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--format-image-front-outline-rounded]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:format-image-front-outline-rounded"></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:format-image-front-outline-rounded"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/material-symbols/format-image-front-outline-rounded.svg" alt="Format Image Front Outline Rounded ikonu" width="24" height="24">
Material Symbols setindeki benzer ikonlar
Diğer ikon setlerinde Format Image Front Outline Rounded ikonu
Format Image Front Outline Rounded ikonu: sık sorulan sorular
Format Image Front Outline Rounded ikonu ticari kullanım için ücretsiz mi?
Evet. Material Symbols icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Format Image Front Outline Rounded ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="material-symbols:format-image-front-outline-rounded" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Format Image Front Outline Rounded 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/format-image-front-outline-rounded.svg" alt="Format Image Front Outline Rounded ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: Material Symbols ikonları →
