Level Slider ikonu
fluent-emoji-high-contrast:level-slider
Level Slider ikonu (fluent-emoji-high-contrast:level-slider), Fluent Emoji High Contrast setinden ücretsiz bir SVG ikondur (yapımcı: Microsoft Corporation). 32 × 32 ızgara üzerinde çizilmiştir. Fluent Emoji High Contrast icons, MIT 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
- Fluent Emoji High Contrast
- Yazar
- Microsoft Corporation
- Lisans
- MIT
- Boyut
- 32 × 32
- Kategori
- Nesneler
- Etiketler
- levelslider
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M7.75 6.5a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5zM7 16a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 0 1.5h-2.5A.75.75 0 0 1 7 16m14 0a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 0 1.5h-2.5A.75.75 0 0 1 21 16m0-8.75a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 0 1.5h-2.5a.75.75 0 0 1-.75-.75M7.75 24.5a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5zm13.25.75a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 0 1.5h-2.5a.75.75 0 0 1-.75-.75M11 12a2 2 0 0 1 2-2h6a2 2 0 1 1 0 4h-6a2 2 0 0 1-2-2m5-5.5a2.5 2.5 0 0 1 2.5 2.496h-5A2.5 2.5 0 0 1 16 6.5M13.5 23v-8h5v8a2.5 2.5 0 0 1-5 0"/><path d="M8.042 1A4.046 4.046 0 0 0 4 5.05v21.9A4.046 4.046 0 0 0 8.042 31h15.916A4.046 4.046 0 0 0 28 26.95V5.05A4.046 4.046 0 0 0 23.958 1zM6 5.05C6 3.915 6.917 3 8.042 3h15.916C25.083 3 26 3.915 26 5.05v21.9c0 1.135-.917 2.05-2.042 2.05H8.042A2.046 2.046 0 0 1 6 26.95z"/></g></svg>
Level Slider ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:level-slider" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:level-slider" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:level-slider" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--level-slider]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:level-slider"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:level-slider"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/level-slider.svg" alt="Level Slider ikonu" width="24" height="24">
Diğer ikon setlerinde Level Slider ikonu
Level Slider ikonu: sık sorulan sorular
Level Slider ikonu ticari kullanım için ücretsiz mi?
Evet. Fluent Emoji High Contrast icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Level Slider ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="fluent-emoji-high-contrast:level-slider" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Level Slider 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/fluent-emoji-high-contrast/level-slider.svg" alt="Level Slider ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: Fluent Emoji High Contrast ikonları →
ICONYZ
