sliders 2 horizontal icon
sliders-2-horizontal-sharp-two-tone from Keyline Icons by Keyline Icons · Sharp Two Tone · MIT Free for personal and commercial use.
- Name
- sliders-2-horizontal-sharp-two-tone
- Set
- Keyline Icons
- Style
- Sharp Two Tone
- 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"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M6.5 3L13.5 3C14.3284 3 15 3.6716 15 4.5L15 9.5C15 10.3284 14.3284 11 13.5 11L6.5 11C5.6716 11 5 10.3284 5 9.5L5 4.5C5 3.6716 5.6716 3 6.5 3ZM10.5 13L17.5 13C18.3284 13 19 13.6716 19 14.5L19 19.5C19 20.3284 18.3284 21 17.5 21L10.5 21C9.6716 21 9 20.3284 9 19.5L9 14.5C9 13.6716 9.6716 13 10.5 13Z" stroke="none"/><path 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"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsSliders2HorizontalSharpTwoTone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="2"><path fill="currentColor" fillOpacity=".4" d="M6.5 3L13.5 3C14.3284 3 15 3.6716 15 4.5L15 9.5C15 10.3284 14.3284 11 13.5 11L6.5 11C5.6716 11 5 10.3284 5 9.5L5 4.5C5 3.6716 5.6716 3 6.5 3ZM10.5 13L17.5 13C18.3284 13 19 13.6716 19 14.5L19 19.5C19 20.3284 18.3284 21 17.5 21L10.5 21C9.6716 21 9 20.3284 9 19.5L9 14.5C9 13.6716 9.6716 13 10.5 13Z" stroke="none"/><path 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"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M6.5 3L13.5 3C14.3284 3 15 3.6716 15 4.5L15 9.5C15 10.3284 14.3284 11 13.5 11L6.5 11C5.6716 11 5 10.3284 5 9.5L5 4.5C5 3.6716 5.6716 3 6.5 3ZM10.5 13L17.5 13C18.3284 13 19 13.6716 19 14.5L19 19.5C19 20.3284 18.3284 21 17.5 21L10.5 21C9.6716 21 9 20.3284 9 19.5L9 14.5C9 13.6716 9.6716 13 10.5 13Z" stroke="none"/><path 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"/></g></svg> </template>
CSS
.icon-sliders-2-horizontal-sharp-two-tone {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M6.5%203L13.5%203C14.3284%203%2015%203.6716%2015%204.5L15%209.5C15%2010.3284%2014.3284%2011%2013.5%2011L6.5%2011C5.6716%2011%205%2010.3284%205%209.5L5%204.5C5%203.6716%205.6716%203%206.5%203ZM10.5%2013L17.5%2013C18.3284%2013%2019%2013.6716%2019%2014.5L19%2019.5C19%2020.3284%2018.3284%2021%2017.5%2021L10.5%2021C9.6716%2021%209%2020.3284%209%2019.5L9%2014.5C9%2013.6716%209.6716%2013%2010.5%2013Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%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%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M6.5%203L13.5%203C14.3284%203%2015%203.6716%2015%204.5L15%209.5C15%2010.3284%2014.3284%2011%2013.5%2011L6.5%2011C5.6716%2011%205%2010.3284%205%209.5L5%204.5C5%203.6716%205.6716%203%206.5%203ZM10.5%2013L17.5%2013C18.3284%2013%2019%2013.6716%2019%2014.5L19%2019.5C19%2020.3284%2018.3284%2021%2017.5%2021L10.5%2021C9.6716%2021%209%2020.3284%209%2019.5L9%2014.5C9%2013.6716%209.6716%2013%2010.5%2013Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%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%2Fg%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-two-tone.svg?color=%231a73e8&size=48
