sliders 2 horizontal icon
sliders-2-horizontal-sharp from Keyline Icons by Keyline Icons · Sharp · MIT Free for personal and commercial use.
- Name
- sliders-2-horizontal-sharp
- Set
- Keyline Icons
- Style
- Sharp
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
Related icons in Keyline Icons
Use the sliders 2 horizontal icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M6.5 4L13.5 4C13.7761 4 14 4.2239 14 4.5L14 9.5C14 9.7761 13.7761 10 13.5 10L6.5 10C6.2239 10 6 9.7761 6 9.5L6 4.5C6 4.2239 6.2239 4 6.5 4ZM10.5 14L17.5 14C17.7761 14 18 14.2239 18 14.5L18 19.5C18 19.7761 17.7761 20 17.5 20L10.5 20C10.2239 20 10 19.7761 10 19.5L10 14.5C10 14.2239 10.2239 14 10.5 14ZM2 7L6 7M14 7L22 7M2 17L10 17M18 17L22 17"/></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsSliders2HorizontalSharp(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="2" d="M6.5 4L13.5 4C13.7761 4 14 4.2239 14 4.5L14 9.5C14 9.7761 13.7761 10 13.5 10L6.5 10C6.2239 10 6 9.7761 6 9.5L6 4.5C6 4.2239 6.2239 4 6.5 4ZM10.5 14L17.5 14C17.7761 14 18 14.2239 18 14.5L18 19.5C18 19.7761 17.7761 20 17.5 20L10.5 20C10.2239 20 10 19.7761 10 19.5L10 14.5C10 14.2239 10.2239 14 10.5 14ZM2 7L6 7M14 7L22 7M2 17L10 17M18 17L22 17"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M6.5 4L13.5 4C13.7761 4 14 4.2239 14 4.5L14 9.5C14 9.7761 13.7761 10 13.5 10L6.5 10C6.2239 10 6 9.7761 6 9.5L6 4.5C6 4.2239 6.2239 4 6.5 4ZM10.5 14L17.5 14C17.7761 14 18 14.2239 18 14.5L18 19.5C18 19.7761 17.7761 20 17.5 20L10.5 20C10.2239 20 10 19.7761 10 19.5L10 14.5C10 14.2239 10.2239 14 10.5 14ZM2 7L6 7M14 7L22 7M2 17L10 17M18 17L22 17"/></svg> </template>
CSS
.icon-sliders-2-horizontal-sharp {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M6.5%204L13.5%204C13.7761%204%2014%204.2239%2014%204.5L14%209.5C14%209.7761%2013.7761%2010%2013.5%2010L6.5%2010C6.2239%2010%206%209.7761%206%209.5L6%204.5C6%204.2239%206.2239%204%206.5%204ZM10.5%2014L17.5%2014C17.7761%2014%2018%2014.2239%2018%2014.5L18%2019.5C18%2019.7761%2017.7761%2020%2017.5%2020L10.5%2020C10.2239%2020%2010%2019.7761%2010%2019.5L10%2014.5C10%2014.2239%2010.2239%2014%2010.5%2014ZM2%207L6%207M14%207L22%207M2%2017L10%2017M18%2017L22%2017%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M6.5%204L13.5%204C13.7761%204%2014%204.2239%2014%204.5L14%209.5C14%209.7761%2013.7761%2010%2013.5%2010L6.5%2010C6.2239%2010%206%209.7761%206%209.5L6%204.5C6%204.2239%206.2239%204%206.5%204ZM10.5%2014L17.5%2014C17.7761%2014%2018%2014.2239%2018%2014.5L18%2019.5C18%2019.7761%2017.7761%2020%2017.5%2020L10.5%2020C10.2239%2020%2010%2019.7761%2010%2019.5L10%2014.5C10%2014.2239%2010.2239%2014%2010.5%2014ZM2%207L6%207M14%207L22%207M2%2017L10%2017M18%2017L22%2017%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/sliders-2-horizontal-sharp.svg?color=%231a73e8&size=48
