Scrollable List Line ikonu
mingcute:scrollable-list-line
Scrollable List Line ikonu (mingcute:scrollable-list-line), MingCute Icon setinden ücretsiz bir SVG ikondur (yapımcı: MingCute Design). 24 × 24 ızgara üzerinde çizilmiştir. MingCute Icon 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
- MingCute Icon
- Yazar
- MingCute Design
- Lisans
- Apache-2.0
- Boyut
- 24 × 24
- Etiketler
- scrollablelist, listline, scrollablelistline
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7 15a1 1 0 1 0 0 2zm3 2a1 1 0 1 0 0-2zM7 7a1 1 0 0 0 0 2zm3 2a1 1 0 1 0 0-2zm-3 2a1 1 0 1 0 0 2zm3 2a1 1 0 1 0 0-2zM5 4v1h14V3H5zm15 1h-1v14h2V5zm-1 15v-1H5v2h14zM4 19h1V5H3v14zm3-3v1h3v-2H7zm0-8v1h3V7H7zm0 4v1h3v-2H7zm6-8h-1v16h2V4zM5 20v-1H3a2 2 0 0 0 2 2zm15-1h-1v2a2 2 0 0 0 2-2zM19 4v1h2a2 2 0 0 0-2-2zM5 4V3a2 2 0 0 0-2 2h2zm13.02 9.362c.07-.136-.032-.294-.2-.309a15 15 0 0 0-1.3-.053c-.586 0-1.051.03-1.333.056c-.157.014-.244.158-.176.292c.116.229.316.594.606 1.041c.29.448.547.784.712.988c.096.12.28.125.372.011c.165-.204.427-.546.721-.998c.283-.435.48-.797.599-1.028m.009-2.709c.067.133-.02.275-.175.29a16 16 0 0 1-2.64.002c-.166-.014-.268-.17-.199-.305c.117-.229.315-.59.601-1.03c.297-.458.558-.8.722-1.002c.091-.112.273-.107.369.01a12.4 12.4 0 0 1 1.321 2.035"/></svg>Scrollable List Line ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:scrollable-list-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:scrollable-list-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:scrollable-list-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--scrollable-list-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:scrollable-list-line"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:scrollable-list-line"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/mingcute/scrollable-list-line.svg" alt="Scrollable List Line ikonu" width="24" height="24">MingCute Icon setindeki benzer ikonlar
Scrollable List Line ikonu: sık sorulan sorular
Scrollable List Line ikonu ticari kullanım için ücretsiz mi?
Evet. MingCute Icon icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Scrollable List Line ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="mingcute:scrollable-list-line" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Scrollable List 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/mingcute/scrollable-list-line.svg" alt="Scrollable List Line ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.