slider h icon
slider-h from Reicon by REICON · Outline · UI · MIT Free for personal and commercial use.
- Name
- slider-h
- Set
- Reicon
- Style
- Outline
- 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" fill-rule="evenodd" d="M3.787 4.297c-.029.35-.035.761-.037 1.246c-.533.157-1.002.405-1.402.805c-.602.602-.86 1.36-.981 2.26c-.117.867-.117 1.97-.117 3.337v.11c0 1.367 0 2.47.117 3.337c.12.9.38 1.658.981 2.26c.4.4.869.648 1.402.805c.002.485.008.897.037 1.246c.037.463.118.882.317 1.273a3.25 3.25 0 0 0 1.42 1.42c.391.199.81.28 1.273.317c.448.037.998.037 1.672.037h7.062c.674 0 1.225 0 1.672-.037c.463-.037.882-.118 1.273-.317a3.25 3.25 0 0 0 1.42-1.42c.199-.391.28-.81.317-1.273c.029-.35.035-.761.037-1.246c.533-.157 1.002-.405 1.402-.805c.602-.602.86-1.36.982-2.26c.116-.867.116-1.97.116-3.337v-.11c0-1.367 0-2.47-.116-3.337c-.122-.9-.38-1.658-.982-2.26c-.4-.4-.869-.648-1.402-.805a17 17 0 0 0-.037-1.246c-.037-.463-.118-.882-.317-1.272a3.25 3.25 0 0 0-1.42-1.42c-.391-.2-.81-.28-1.273-.318c-.447-.037-.998-.037-1.672-.037H8.47c-.674 0-1.225 0-1.672.037c-.463.037-.882.118-1.272.317a3.25 3.25 0 0 0-1.42 1.42c-.2.391-.28.81-.318 1.273M17.08 2.782c-.38-.031-.869-.032-1.581-.032h-7c-.712 0-1.202 0-1.58.032c-.371.03-.57.085-.714.159a1.75 1.75 0 0 0-.765.765c-.074.144-.13.343-.16.713c-.02.24-.027.526-.03.884c.751-.053 1.645-.053 2.694-.053h8.11c1.05 0 1.943 0 2.693.053a12 12 0 0 0-.03-.884c-.03-.37-.085-.57-.159-.713a1.75 1.75 0 0 0-.765-.765c-.144-.074-.343-.13-.713-.16m1.667 15.915c-.75.053-1.644.053-2.693.053h-8.11c-1.05 0-1.943 0-2.693-.053c.002.358.01.643.03.884c.03.37.085.57.159.713c.168.33.435.598.765.765c.144.074.343.13.713.16c.38.03.869.031 1.581.031h7c.712 0 1.202 0 1.58-.032c.371-.03.57-.085.715-.159a1.75 1.75 0 0 0 .764-.765c.074-.144.13-.343.16-.713c.02-.24.026-.526.03-.884m.444-11.844c-.756-.101-1.757-.103-3.192-.103H8c-1.435 0-2.437.002-3.192.103c-.734.099-1.122.28-1.399.556c-.277.277-.457.665-.556 1.4c-.101.754-.103 1.756-.103 3.191s.002 2.437.103 3.192c.099.734.28 1.122.556 1.399c.277.277.665.457 1.4.556c.754.101 1.756.103 3.191.103h8c1.435 0 2.436-.002 3.192-.103c.734-.099 1.122-.28 1.399-.556c.277-.277.457-.665.556-1.4c.101-.755.103-1.756.103-3.191s-.002-2.437-.103-3.192c-.099-.734-.28-1.122-.556-1.399c-.277-.277-.665-.457-1.4-.556" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconSliderH(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" fillRule="evenodd" d="M3.787 4.297c-.029.35-.035.761-.037 1.246c-.533.157-1.002.405-1.402.805c-.602.602-.86 1.36-.981 2.26c-.117.867-.117 1.97-.117 3.337v.11c0 1.367 0 2.47.117 3.337c.12.9.38 1.658.981 2.26c.4.4.869.648 1.402.805c.002.485.008.897.037 1.246c.037.463.118.882.317 1.273a3.25 3.25 0 0 0 1.42 1.42c.391.199.81.28 1.273.317c.448.037.998.037 1.672.037h7.062c.674 0 1.225 0 1.672-.037c.463-.037.882-.118 1.273-.317a3.25 3.25 0 0 0 1.42-1.42c.199-.391.28-.81.317-1.273c.029-.35.035-.761.037-1.246c.533-.157 1.002-.405 1.402-.805c.602-.602.86-1.36.982-2.26c.116-.867.116-1.97.116-3.337v-.11c0-1.367 0-2.47-.116-3.337c-.122-.9-.38-1.658-.982-2.26c-.4-.4-.869-.648-1.402-.805a17 17 0 0 0-.037-1.246c-.037-.463-.118-.882-.317-1.272a3.25 3.25 0 0 0-1.42-1.42c-.391-.2-.81-.28-1.273-.318c-.447-.037-.998-.037-1.672-.037H8.47c-.674 0-1.225 0-1.672.037c-.463.037-.882.118-1.272.317a3.25 3.25 0 0 0-1.42 1.42c-.2.391-.28.81-.318 1.273M17.08 2.782c-.38-.031-.869-.032-1.581-.032h-7c-.712 0-1.202 0-1.58.032c-.371.03-.57.085-.714.159a1.75 1.75 0 0 0-.765.765c-.074.144-.13.343-.16.713c-.02.24-.027.526-.03.884c.751-.053 1.645-.053 2.694-.053h8.11c1.05 0 1.943 0 2.693.053a12 12 0 0 0-.03-.884c-.03-.37-.085-.57-.159-.713a1.75 1.75 0 0 0-.765-.765c-.144-.074-.343-.13-.713-.16m1.667 15.915c-.75.053-1.644.053-2.693.053h-8.11c-1.05 0-1.943 0-2.693-.053c.002.358.01.643.03.884c.03.37.085.57.159.713c.168.33.435.598.765.765c.144.074.343.13.713.16c.38.03.869.031 1.581.031h7c.712 0 1.202 0 1.58-.032c.371-.03.57-.085.715-.159a1.75 1.75 0 0 0 .764-.765c.074-.144.13-.343.16-.713c.02-.24.026-.526.03-.884m.444-11.844c-.756-.101-1.757-.103-3.192-.103H8c-1.435 0-2.437.002-3.192.103c-.734.099-1.122.28-1.399.556c-.277.277-.457.665-.556 1.4c-.101.754-.103 1.756-.103 3.191s.002 2.437.103 3.192c.099.734.28 1.122.556 1.399c.277.277.665.457 1.4.556c.754.101 1.756.103 3.191.103h8c1.435 0 2.436-.002 3.192-.103c.734-.099 1.122-.28 1.399-.556c.277-.277.457-.665.556-1.4c.101-.755.103-1.756.103-3.191s-.002-2.437-.103-3.192c-.099-.734-.28-1.122-.556-1.399c-.277-.277-.665-.457-1.4-.556" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M3.787 4.297c-.029.35-.035.761-.037 1.246c-.533.157-1.002.405-1.402.805c-.602.602-.86 1.36-.981 2.26c-.117.867-.117 1.97-.117 3.337v.11c0 1.367 0 2.47.117 3.337c.12.9.38 1.658.981 2.26c.4.4.869.648 1.402.805c.002.485.008.897.037 1.246c.037.463.118.882.317 1.273a3.25 3.25 0 0 0 1.42 1.42c.391.199.81.28 1.273.317c.448.037.998.037 1.672.037h7.062c.674 0 1.225 0 1.672-.037c.463-.037.882-.118 1.273-.317a3.25 3.25 0 0 0 1.42-1.42c.199-.391.28-.81.317-1.273c.029-.35.035-.761.037-1.246c.533-.157 1.002-.405 1.402-.805c.602-.602.86-1.36.982-2.26c.116-.867.116-1.97.116-3.337v-.11c0-1.367 0-2.47-.116-3.337c-.122-.9-.38-1.658-.982-2.26c-.4-.4-.869-.648-1.402-.805a17 17 0 0 0-.037-1.246c-.037-.463-.118-.882-.317-1.272a3.25 3.25 0 0 0-1.42-1.42c-.391-.2-.81-.28-1.273-.318c-.447-.037-.998-.037-1.672-.037H8.47c-.674 0-1.225 0-1.672.037c-.463.037-.882.118-1.272.317a3.25 3.25 0 0 0-1.42 1.42c-.2.391-.28.81-.318 1.273M17.08 2.782c-.38-.031-.869-.032-1.581-.032h-7c-.712 0-1.202 0-1.58.032c-.371.03-.57.085-.714.159a1.75 1.75 0 0 0-.765.765c-.074.144-.13.343-.16.713c-.02.24-.027.526-.03.884c.751-.053 1.645-.053 2.694-.053h8.11c1.05 0 1.943 0 2.693.053a12 12 0 0 0-.03-.884c-.03-.37-.085-.57-.159-.713a1.75 1.75 0 0 0-.765-.765c-.144-.074-.343-.13-.713-.16m1.667 15.915c-.75.053-1.644.053-2.693.053h-8.11c-1.05 0-1.943 0-2.693-.053c.002.358.01.643.03.884c.03.37.085.57.159.713c.168.33.435.598.765.765c.144.074.343.13.713.16c.38.03.869.031 1.581.031h7c.712 0 1.202 0 1.58-.032c.371-.03.57-.085.715-.159a1.75 1.75 0 0 0 .764-.765c.074-.144.13-.343.16-.713c.02-.24.026-.526.03-.884m.444-11.844c-.756-.101-1.757-.103-3.192-.103H8c-1.435 0-2.437.002-3.192.103c-.734.099-1.122.28-1.399.556c-.277.277-.457.665-.556 1.4c-.101.754-.103 1.756-.103 3.191s.002 2.437.103 3.192c.099.734.28 1.122.556 1.399c.277.277.665.457 1.4.556c.754.101 1.756.103 3.191.103h8c1.435 0 2.436-.002 3.192-.103c.734-.099 1.122-.28 1.399-.556c.277-.277.457-.665.556-1.4c.101-.755.103-1.756.103-3.191s-.002-2.437-.103-3.192c-.099-.734-.28-1.122-.556-1.399c-.277-.277-.665-.457-1.4-.556" clip-rule="evenodd"/></svg> </template>
CSS
.icon-slider-h {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M3.787%204.297c-.029.35-.035.761-.037%201.246c-.533.157-1.002.405-1.402.805c-.602.602-.86%201.36-.981%202.26c-.117.867-.117%201.97-.117%203.337v.11c0%201.367%200%202.47.117%203.337c.12.9.38%201.658.981%202.26c.4.4.869.648%201.402.805c.002.485.008.897.037%201.246c.037.463.118.882.317%201.273a3.25%203.25%200%200%200%201.42%201.42c.391.199.81.28%201.273.317c.448.037.998.037%201.672.037h7.062c.674%200%201.225%200%201.672-.037c.463-.037.882-.118%201.273-.317a3.25%203.25%200%200%200%201.42-1.42c.199-.391.28-.81.317-1.273c.029-.35.035-.761.037-1.246c.533-.157%201.002-.405%201.402-.805c.602-.602.86-1.36.982-2.26c.116-.867.116-1.97.116-3.337v-.11c0-1.367%200-2.47-.116-3.337c-.122-.9-.38-1.658-.982-2.26c-.4-.4-.869-.648-1.402-.805a17%2017%200%200%200-.037-1.246c-.037-.463-.118-.882-.317-1.272a3.25%203.25%200%200%200-1.42-1.42c-.391-.2-.81-.28-1.273-.318c-.447-.037-.998-.037-1.672-.037H8.47c-.674%200-1.225%200-1.672.037c-.463.037-.882.118-1.272.317a3.25%203.25%200%200%200-1.42%201.42c-.2.391-.28.81-.318%201.273M17.08%202.782c-.38-.031-.869-.032-1.581-.032h-7c-.712%200-1.202%200-1.58.032c-.371.03-.57.085-.714.159a1.75%201.75%200%200%200-.765.765c-.074.144-.13.343-.16.713c-.02.24-.027.526-.03.884c.751-.053%201.645-.053%202.694-.053h8.11c1.05%200%201.943%200%202.693.053a12%2012%200%200%200-.03-.884c-.03-.37-.085-.57-.159-.713a1.75%201.75%200%200%200-.765-.765c-.144-.074-.343-.13-.713-.16m1.667%2015.915c-.75.053-1.644.053-2.693.053h-8.11c-1.05%200-1.943%200-2.693-.053c.002.358.01.643.03.884c.03.37.085.57.159.713c.168.33.435.598.765.765c.144.074.343.13.713.16c.38.03.869.031%201.581.031h7c.712%200%201.202%200%201.58-.032c.371-.03.57-.085.715-.159a1.75%201.75%200%200%200%20.764-.765c.074-.144.13-.343.16-.713c.02-.24.026-.526.03-.884m.444-11.844c-.756-.101-1.757-.103-3.192-.103H8c-1.435%200-2.437.002-3.192.103c-.734.099-1.122.28-1.399.556c-.277.277-.457.665-.556%201.4c-.101.754-.103%201.756-.103%203.191s.002%202.437.103%203.192c.099.734.28%201.122.556%201.399c.277.277.665.457%201.4.556c.754.101%201.756.103%203.191.103h8c1.435%200%202.436-.002%203.192-.103c.734-.099%201.122-.28%201.399-.556c.277-.277.457-.665.556-1.4c.101-.755.103-1.756.103-3.191s-.002-2.437-.103-3.192c-.099-.734-.28-1.122-.556-1.399c-.277-.277-.665-.457-1.4-.556%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M3.787%204.297c-.029.35-.035.761-.037%201.246c-.533.157-1.002.405-1.402.805c-.602.602-.86%201.36-.981%202.26c-.117.867-.117%201.97-.117%203.337v.11c0%201.367%200%202.47.117%203.337c.12.9.38%201.658.981%202.26c.4.4.869.648%201.402.805c.002.485.008.897.037%201.246c.037.463.118.882.317%201.273a3.25%203.25%200%200%200%201.42%201.42c.391.199.81.28%201.273.317c.448.037.998.037%201.672.037h7.062c.674%200%201.225%200%201.672-.037c.463-.037.882-.118%201.273-.317a3.25%203.25%200%200%200%201.42-1.42c.199-.391.28-.81.317-1.273c.029-.35.035-.761.037-1.246c.533-.157%201.002-.405%201.402-.805c.602-.602.86-1.36.982-2.26c.116-.867.116-1.97.116-3.337v-.11c0-1.367%200-2.47-.116-3.337c-.122-.9-.38-1.658-.982-2.26c-.4-.4-.869-.648-1.402-.805a17%2017%200%200%200-.037-1.246c-.037-.463-.118-.882-.317-1.272a3.25%203.25%200%200%200-1.42-1.42c-.391-.2-.81-.28-1.273-.318c-.447-.037-.998-.037-1.672-.037H8.47c-.674%200-1.225%200-1.672.037c-.463.037-.882.118-1.272.317a3.25%203.25%200%200%200-1.42%201.42c-.2.391-.28.81-.318%201.273M17.08%202.782c-.38-.031-.869-.032-1.581-.032h-7c-.712%200-1.202%200-1.58.032c-.371.03-.57.085-.714.159a1.75%201.75%200%200%200-.765.765c-.074.144-.13.343-.16.713c-.02.24-.027.526-.03.884c.751-.053%201.645-.053%202.694-.053h8.11c1.05%200%201.943%200%202.693.053a12%2012%200%200%200-.03-.884c-.03-.37-.085-.57-.159-.713a1.75%201.75%200%200%200-.765-.765c-.144-.074-.343-.13-.713-.16m1.667%2015.915c-.75.053-1.644.053-2.693.053h-8.11c-1.05%200-1.943%200-2.693-.053c.002.358.01.643.03.884c.03.37.085.57.159.713c.168.33.435.598.765.765c.144.074.343.13.713.16c.38.03.869.031%201.581.031h7c.712%200%201.202%200%201.58-.032c.371-.03.57-.085.715-.159a1.75%201.75%200%200%200%20.764-.765c.074-.144.13-.343.16-.713c.02-.24.026-.526.03-.884m.444-11.844c-.756-.101-1.757-.103-3.192-.103H8c-1.435%200-2.437.002-3.192.103c-.734.099-1.122.28-1.399.556c-.277.277-.457.665-.556%201.4c-.101.754-.103%201.756-.103%203.191s.002%202.437.103%203.192c.099.734.28%201.122.556%201.399c.277.277.665.457%201.4.556c.754.101%201.756.103%203.191.103h8c1.435%200%202.436-.002%203.192-.103c.734-.099%201.122-.28%201.399-.556c.277-.277.457-.665.556-1.4c.101-.755.103-1.756.103-3.191s-.002-2.437-.103-3.192c-.099-.734-.28-1.122-.556-1.399c-.277-.277-.665-.457-1.4-.556%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/slider-h.svg?color=%231a73e8&size=48
