Icono Slider Handle Size
fluent-mdl2:slider-handle-size
El icono Slider Handle Size (fluent-mdl2:slider-handle-size) es un icono SVG gratuito de la colección Fluent UI MDL2 de Microsoft Corporation. Está dibujado en una cuadrícula de 2048 × 2048. Fluent UI MDL2 icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Fluent UI MDL2
- Autor
- Microsoft Corporation
- Licencia
- MIT
- Tamaño
- 2048 × 2048
- Etiquetas
- sliderhandle, handlesize, sliderhandlesize
Código SVG
<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>Cómo usar el icono Slider Handle Size
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 component
<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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/slider-handle-size.svg" alt="Icono Slider Handle Size" width="24" height="24">Iconos relacionados en Fluent UI MDL2
Preguntas frecuentes sobre Icono Slider Handle Size
¿El icono Slider Handle Size es gratis para uso comercial?
Sí. Fluent UI MDL2 icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Slider Handle Size en React?
Instala @iconify/react y renderiza <Icon icon="fluent-mdl2:slider-handle-size" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Slider Handle Size a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/slider-handle-size.svg" alt="Icono Slider Handle Size">, o pega el código SVG en línea para darle estilo con CSS.