Diagonal Line ikonu
material-symbols-light:diagonal-line
Diagonal Line ikonu (material-symbols-light:diagonal-line), 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
- Metin
- Etiketler
- diagonalline, diagonal line outline sharp, diagonal line rounded, diagonal line sharp, diagonal line outline rounded, diagonal line outline
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M18.61 21q-.994 0-1.687-.695q-.692-.696-.692-1.69q0-.369.103-.694q.104-.325.293-.605L6.685 7.373q-.281.188-.606.292t-.695.104q-.993 0-1.689-.697Q3 6.377 3 5.38t.697-1.688T5.389 3t1.688.696q.692.695.692 1.689q0 .356-.094.688t-.283.611l9.924 9.924q.28-.189.612-.283t.688-.094q.993 0 1.689.697q.695.697.695 1.692t-.697 1.688t-1.692.692"/></svg>Diagonal Line ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:diagonal-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:diagonal-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:diagonal-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--diagonal-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:diagonal-line"></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:diagonal-line"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/material-symbols-light/diagonal-line.svg" alt="Diagonal Line ikonu" width="24" height="24">Diğer ikon setlerinde Diagonal Line ikonu
Diagonal Line ikonu: sık sorulan sorular
Diagonal Line 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.
Diagonal Line ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="material-symbols-light:diagonal-line" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Diagonal Line 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/diagonal-line.svg" alt="Diagonal Line ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.