Slider Handle Size ikonu
fluent-mdl2:slider-handle-size
Slider Handle Size ikonu (fluent-mdl2:slider-handle-size), Fluent UI MDL2 setinden ücretsiz bir SVG ikondur (yapımcı: Microsoft Corporation). 2048 × 2048 ızgara üzerinde çizilmiştir. Fluent UI MDL2 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 UI MDL2
- Yazar
- Microsoft Corporation
- Lisans
- MIT
- Boyut
- 2048 × 2048
- Etiketler
- sliderhandle, handlesize, sliderhandlesize
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1919 1249q61 55 95 129t34 158q0 80-30 149t-82 122t-123 83t-149 30q-88 0-167-38q-105 38-217 38q-45 0-89-6t-89-19q-51 13-102 19t-104 6q-124 0-238-32t-214-90t-181-140t-140-181t-91-214t-32-239t32-238t90-214t140-181t181-140t214-91t239-32q110 0 213 25t195 74t172 115t140 151t104 181t60 206q63 79 98 173t41 196M128 1024q0 106 27 204t78 183t120 156t155 120t184 77t204 28q-61-46-108-103t-81-122t-50-138t-17-149q0-133 50-249t137-204t203-137t250-50q86 0 168 22t156 66q-45-106-118-193t-165-149t-201-96t-224-34q-106 0-204 27t-183 78t-156 120t-120 155t-77 184t-28 204m640 256q0 106 40 199t110 162t163 110t199 41q23 0 45-2t46-6q-45-52-68-116t-23-132q0-79 30-149t82-122t122-83t150-30q60 0 116 18q-19-88-66-162t-113-127t-149-83t-172-30q-106 0-199 40T919 918t-110 163t-41 199m896 512q53 0 99-20t82-55t55-81t20-100q0-53-20-99t-55-82t-81-55t-100-20q-53 0-99 20t-82 55t-55 81t-20 100q0 53 20 99t55 82t81 55t100 20"/></svg>Slider Handle Size ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:slider-handle-size" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:slider-handle-size" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:slider-handle-size" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--slider-handle-size]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:slider-handle-size"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:slider-handle-size"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/slider-handle-size.svg" alt="Slider Handle Size ikonu" width="24" height="24">Fluent UI MDL2 setindeki benzer ikonlar
Slider Handle Size ikonu: sık sorulan sorular
Slider Handle Size ikonu ticari kullanım için ücretsiz mi?
Evet. Fluent UI MDL2 icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Slider Handle Size ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="fluent-mdl2:slider-handle-size" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Slider Handle Size 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-mdl2/slider-handle-size.svg" alt="Slider Handle Size ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.