Icono File Sliders Bold Duotone
solar:file-sliders-bold-duotone
El icono File Sliders Bold Duotone (solar:file-sliders-bold-duotone) es un icono SVG gratuito de la colección Solar de 480 Design. Está dibujado en una cuadrícula de 24 × 24. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Solar
- Autor
- 480 Design
- Licencia
- CC-BY-4.0
- Tamaño
- 24 × 24
- Etiquetas
- filesliders, slidersbold, boldduotone, fileslidersboldduotone, slider
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V10C2 6.22876 2 4.34315 3.17157 3.17157C4.34315 2 6.23869 2 10.0298 2C10.6358 2 11.1214 2 11.53 2.01666C11.5166 2.09659 11.5095 2.17813 11.5092 2.26057L11.5 5.09497C11.4999 6.19207 11.4998 7.16164 11.6049 7.94316C11.7188 8.79028 11.9803 9.63726 12.6716 10.3285C13.3628 11.0198 14.2098 11.2813 15.0569 11.3952C15.8385 11.5003 16.808 11.5002 17.9051 11.5001L18 11.5001H21.9574C22 12.0344 22 12.6901 22 13.5629V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22Z" clip-rule="evenodd" opacity=".5"/><path fill-rule="evenodd" d="M8.17188 15.2969C8.99355 15.2969 9.6972 15.8004 9.99219 16.5156H13.2451C13.6593 16.5157 13.9951 16.8515 13.9951 17.2656C13.9951 17.6798 13.6593 18.0156 13.2451 18.0156H9.99219C9.6972 18.7308 8.99355 19.2344 8.17188 19.2344C7.3502 19.2344 6.64655 18.7308 6.35156 18.0156H5.11914C4.70493 18.0156 4.36914 17.6798 4.36914 17.2656C4.36914 16.8514 4.70493 16.5156 5.11914 16.5156H6.35156C6.64655 15.8004 7.3502 15.2969 8.17188 15.2969ZM8.17188 16.7969C7.91299 16.7969 7.70313 17.0067 7.70312 17.2656C7.70312 17.5245 7.91299 17.7344 8.17188 17.7344C8.43076 17.7344 8.64062 17.5245 8.64062 17.2656C8.64062 17.0067 8.43076 16.7969 8.17188 16.7969Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M10.1914 11.25C11.0131 11.25 11.7167 11.7536 12.0117 12.4688H13.2441C13.6584 12.4688 13.9941 12.8045 13.9941 13.2188C13.9941 13.633 13.6584 13.9688 13.2441 13.9688H12.0117C11.7167 14.6839 11.0131 15.1875 10.1914 15.1875C9.36973 15.1875 8.66609 14.6839 8.37109 13.9688H5.11816C4.70402 13.9687 4.36818 13.6329 4.36816 13.2188C4.36816 12.8046 4.70401 12.4688 5.11816 12.4688H8.37109C8.66609 11.7536 9.36973 11.25 10.1914 11.25ZM10.1914 12.75C9.93252 12.75 9.72266 12.9599 9.72266 13.2188C9.72266 13.4776 9.93252 13.6875 10.1914 13.6875C10.4503 13.6875 10.6602 13.4776 10.6602 13.2188C10.6602 12.9599 10.4503 12.75 10.1914 12.75Z" clip-rule="evenodd"/><path d="M11.5 2.00586C12.0266 2.01725 12.4003 2.05009 12.7842 2.14453C12.9404 2.18298 13.1407 2.24407 13.292 2.29883C13.8622 2.50534 14.2785 2.7833 15.1104 3.33887C16.0788 3.98569 17.1892 4.777 18 5.5C18.911 6.31239 19.9546 7.49387 20.7471 8.44238C20.8745 8.59494 20.938 8.67168 21.0312 8.79883C21.5613 9.52144 21.9336 10.546 21.9902 11.4404C22.0002 11.5979 22 11.7325 22 12H21.9844C21.9781 11.8216 21.9694 11.6555 21.957 11.5H17.9053C16.8082 11.5001 15.8382 11.4996 15.0566 11.3945C14.2097 11.2806 13.363 11.0192 12.6719 10.3281C11.9806 9.63685 11.7184 8.7895 11.6045 7.94238C11.4995 7.16098 11.4999 6.19157 11.5 5.09473L11.5088 2.25977L11.5 2.00586Z"/></g></svg>Cómo usar el icono File Sliders Bold Duotone
React
import { Icon } from "@iconify/react";
<Icon icon="solar:file-sliders-bold-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:file-sliders-bold-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:file-sliders-bold-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--file-sliders-bold-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:file-sliders-bold-duotone"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:file-sliders-bold-duotone"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/solar/file-sliders-bold-duotone.svg" alt="Icono File Sliders Bold Duotone" width="24" height="24">Iconos relacionados en Solar
Preguntas frecuentes sobre Icono File Sliders Bold Duotone
¿El icono File Sliders Bold Duotone es gratis para uso comercial?
Sí. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono File Sliders Bold Duotone en React?
Instala @iconify/react y renderiza <Icon icon="solar:file-sliders-bold-duotone" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono File Sliders Bold Duotone a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/solar/file-sliders-bold-duotone.svg" alt="Icono File Sliders Bold Duotone">, o pega el código SVG en línea para darle estilo con CSS.