slider h icon
slider-h-filled from Reicon by REICON · Filled · UI · MIT Free for personal and commercial use.
- Name
- slider-h-filled
- Set
- Reicon
- Style
- Filled
- Category
- UI
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
More ui icons from Reicon
Use the slider h icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16 6.419c2.828 0 4.243 0 5.121.817S22 9.369 22 12s0 3.947-.879 4.764c-.878.817-2.293.817-5.121.817H8c-2.828 0-4.243 0-5.121-.817S2 14.631 2 12s0-3.947.879-4.764c.878-.817 2.293-.817 5.121-.817zm.099-1.396H7.9c-.983 0-1.865 0-2.629.046q-.404.025-.764.069a8 8 0 0 0-.32.046c-.217.036-.42-.131-.401-.35c.037-.43.118-.82.317-1.183a3.15 3.15 0 0 1 1.42-1.321c.391-.186.81-.26 1.273-.296C7.245 2 7.795 2 8.469 2h7.062c.674 0 1.225 0 1.672.034c.463.035.882.11 1.273.296c.611.29 1.108.752 1.42 1.32c.199.364.28.753.317 1.184c.02.219-.184.386-.4.35a8 8 0 0 0-.321-.046q-.36-.044-.764-.069c-.764-.046-1.647-.046-2.63-.046M7.901 18.977H16.1c.982 0 1.865 0 2.629-.047q.405-.023.764-.068q.16-.02.32-.046c.217-.036.42.131.401.35c-.037.43-.118.82-.317 1.183a3.15 3.15 0 0 1-1.42 1.322c-.391.185-.81.26-1.273.295c-.447.034-.998.034-1.672.034H8.47c-.674 0-1.225 0-1.672-.034c-.463-.035-.882-.11-1.272-.296a3.15 3.15 0 0 1-1.42-1.32c-.2-.364-.28-.753-.318-1.184c-.02-.219.184-.386.4-.35q.16.026.321.046q.36.044.764.069c.764.046 1.646.046 2.63.046"/></svg>
React
import type { SVGProps } from "react";
export function ReiconSliderHFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16 6.419c2.828 0 4.243 0 5.121.817S22 9.369 22 12s0 3.947-.879 4.764c-.878.817-2.293.817-5.121.817H8c-2.828 0-4.243 0-5.121-.817S2 14.631 2 12s0-3.947.879-4.764c.878-.817 2.293-.817 5.121-.817zm.099-1.396H7.9c-.983 0-1.865 0-2.629.046q-.404.025-.764.069a8 8 0 0 0-.32.046c-.217.036-.42-.131-.401-.35c.037-.43.118-.82.317-1.183a3.15 3.15 0 0 1 1.42-1.321c.391-.186.81-.26 1.273-.296C7.245 2 7.795 2 8.469 2h7.062c.674 0 1.225 0 1.672.034c.463.035.882.11 1.273.296c.611.29 1.108.752 1.42 1.32c.199.364.28.753.317 1.184c.02.219-.184.386-.4.35a8 8 0 0 0-.321-.046q-.36-.044-.764-.069c-.764-.046-1.647-.046-2.63-.046M7.901 18.977H16.1c.982 0 1.865 0 2.629-.047q.405-.023.764-.068q.16-.02.32-.046c.217-.036.42.131.401.35c-.037.43-.118.82-.317 1.183a3.15 3.15 0 0 1-1.42 1.322c-.391.185-.81.26-1.273.295c-.447.034-.998.034-1.672.034H8.47c-.674 0-1.225 0-1.672-.034c-.463-.035-.882-.11-1.272-.296a3.15 3.15 0 0 1-1.42-1.32c-.2-.364-.28-.753-.318-1.184c-.02-.219.184-.386.4-.35q.16.026.321.046q.36.044.764.069c.764.046 1.646.046 2.63.046"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16 6.419c2.828 0 4.243 0 5.121.817S22 9.369 22 12s0 3.947-.879 4.764c-.878.817-2.293.817-5.121.817H8c-2.828 0-4.243 0-5.121-.817S2 14.631 2 12s0-3.947.879-4.764c.878-.817 2.293-.817 5.121-.817zm.099-1.396H7.9c-.983 0-1.865 0-2.629.046q-.404.025-.764.069a8 8 0 0 0-.32.046c-.217.036-.42-.131-.401-.35c.037-.43.118-.82.317-1.183a3.15 3.15 0 0 1 1.42-1.321c.391-.186.81-.26 1.273-.296C7.245 2 7.795 2 8.469 2h7.062c.674 0 1.225 0 1.672.034c.463.035.882.11 1.273.296c.611.29 1.108.752 1.42 1.32c.199.364.28.753.317 1.184c.02.219-.184.386-.4.35a8 8 0 0 0-.321-.046q-.36-.044-.764-.069c-.764-.046-1.647-.046-2.63-.046M7.901 18.977H16.1c.982 0 1.865 0 2.629-.047q.405-.023.764-.068q.16-.02.32-.046c.217-.036.42.131.401.35c-.037.43-.118.82-.317 1.183a3.15 3.15 0 0 1-1.42 1.322c-.391.185-.81.26-1.273.295c-.447.034-.998.034-1.672.034H8.47c-.674 0-1.225 0-1.672-.034c-.463-.035-.882-.11-1.272-.296a3.15 3.15 0 0 1-1.42-1.32c-.2-.364-.28-.753-.318-1.184c-.02-.219.184-.386.4-.35q.16.026.321.046q.36.044.764.069c.764.046 1.646.046 2.63.046"/></svg> </template>
CSS
.icon-slider-h-filled {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%206.419c2.828%200%204.243%200%205.121.817S22%209.369%2022%2012s0%203.947-.879%204.764c-.878.817-2.293.817-5.121.817H8c-2.828%200-4.243%200-5.121-.817S2%2014.631%202%2012s0-3.947.879-4.764c.878-.817%202.293-.817%205.121-.817zm.099-1.396H7.9c-.983%200-1.865%200-2.629.046q-.404.025-.764.069a8%208%200%200%200-.32.046c-.217.036-.42-.131-.401-.35c.037-.43.118-.82.317-1.183a3.15%203.15%200%200%201%201.42-1.321c.391-.186.81-.26%201.273-.296C7.245%202%207.795%202%208.469%202h7.062c.674%200%201.225%200%201.672.034c.463.035.882.11%201.273.296c.611.29%201.108.752%201.42%201.32c.199.364.28.753.317%201.184c.02.219-.184.386-.4.35a8%208%200%200%200-.321-.046q-.36-.044-.764-.069c-.764-.046-1.647-.046-2.63-.046M7.901%2018.977H16.1c.982%200%201.865%200%202.629-.047q.405-.023.764-.068q.16-.02.32-.046c.217-.036.42.131.401.35c-.037.43-.118.82-.317%201.183a3.15%203.15%200%200%201-1.42%201.322c-.391.185-.81.26-1.273.295c-.447.034-.998.034-1.672.034H8.47c-.674%200-1.225%200-1.672-.034c-.463-.035-.882-.11-1.272-.296a3.15%203.15%200%200%201-1.42-1.32c-.2-.364-.28-.753-.318-1.184c-.02-.219.184-.386.4-.35q.16.026.321.046q.36.044.764.069c.764.046%201.646.046%202.63.046%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%206.419c2.828%200%204.243%200%205.121.817S22%209.369%2022%2012s0%203.947-.879%204.764c-.878.817-2.293.817-5.121.817H8c-2.828%200-4.243%200-5.121-.817S2%2014.631%202%2012s0-3.947.879-4.764c.878-.817%202.293-.817%205.121-.817zm.099-1.396H7.9c-.983%200-1.865%200-2.629.046q-.404.025-.764.069a8%208%200%200%200-.32.046c-.217.036-.42-.131-.401-.35c.037-.43.118-.82.317-1.183a3.15%203.15%200%200%201%201.42-1.321c.391-.186.81-.26%201.273-.296C7.245%202%207.795%202%208.469%202h7.062c.674%200%201.225%200%201.672.034c.463.035.882.11%201.273.296c.611.29%201.108.752%201.42%201.32c.199.364.28.753.317%201.184c.02.219-.184.386-.4.35a8%208%200%200%200-.321-.046q-.36-.044-.764-.069c-.764-.046-1.647-.046-2.63-.046M7.901%2018.977H16.1c.982%200%201.865%200%202.629-.047q.405-.023.764-.068q.16-.02.32-.046c.217-.036.42.131.401.35c-.037.43-.118.82-.317%201.183a3.15%203.15%200%200%201-1.42%201.322c-.391.185-.81.26-1.273.295c-.447.034-.998.034-1.672.034H8.47c-.674%200-1.225%200-1.672-.034c-.463-.035-.882-.11-1.272-.296a3.15%203.15%200%200%201-1.42-1.32c-.2-.364-.28-.753-.318-1.184c-.02-.219.184-.386.4-.35q.16.026.321.046q.36.044.764.069c.764.046%201.646.046%202.63.046%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/slider-h-filled.svg?color=%231a73e8&size=48
