grip vertical icon
grip-vertical-sharp from Keyline Icons by Keyline Icons · Sharp · MIT Free for personal and commercial use.
- Name
- grip-vertical-sharp
- Set
- Keyline Icons
- Style
- Sharp
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
Related icons in Keyline Icons
Use the grip vertical 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="M10 5C10 5.5523 9.5523 6 9 6C8.4477 6 8 5.5523 8 5C8 4.4477 8.4477 4 9 4C9.5523 4 10 4.4477 10 5ZM10 12C10 12.5523 9.5523 13 9 13C8.4477 13 8 12.5523 8 12C8 11.4477 8.4477 11 9 11C9.5523 11 10 11.4477 10 12ZM10 19C10 19.5523 9.5523 20 9 20C8.4477 20 8 19.5523 8 19C8 18.4477 8.4477 18 9 18C9.5523 18 10 18.4477 10 19ZM16 5C16 5.5523 15.5523 6 15 6C14.4477 6 14 5.5523 14 5C14 4.4477 14.4477 4 15 4C15.5523 4 16 4.4477 16 5ZM16 12C16 12.5523 15.5523 13 15 13C14.4477 13 14 12.5523 14 12C14 11.4477 14.4477 11 15 11C15.5523 11 16 11.4477 16 12ZM16 19C16 19.5523 15.5523 20 15 20C14.4477 20 14 19.5523 14 19C14 18.4477 14.4477 18 15 18C15.5523 18 16 18.4477 16 19Z"/></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsGripVerticalSharp(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="M10 5C10 5.5523 9.5523 6 9 6C8.4477 6 8 5.5523 8 5C8 4.4477 8.4477 4 9 4C9.5523 4 10 4.4477 10 5ZM10 12C10 12.5523 9.5523 13 9 13C8.4477 13 8 12.5523 8 12C8 11.4477 8.4477 11 9 11C9.5523 11 10 11.4477 10 12ZM10 19C10 19.5523 9.5523 20 9 20C8.4477 20 8 19.5523 8 19C8 18.4477 8.4477 18 9 18C9.5523 18 10 18.4477 10 19ZM16 5C16 5.5523 15.5523 6 15 6C14.4477 6 14 5.5523 14 5C14 4.4477 14.4477 4 15 4C15.5523 4 16 4.4477 16 5ZM16 12C16 12.5523 15.5523 13 15 13C14.4477 13 14 12.5523 14 12C14 11.4477 14.4477 11 15 11C15.5523 11 16 11.4477 16 12ZM16 19C16 19.5523 15.5523 20 15 20C14.4477 20 14 19.5523 14 19C14 18.4477 14.4477 18 15 18C15.5523 18 16 18.4477 16 19Z"/></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="M10 5C10 5.5523 9.5523 6 9 6C8.4477 6 8 5.5523 8 5C8 4.4477 8.4477 4 9 4C9.5523 4 10 4.4477 10 5ZM10 12C10 12.5523 9.5523 13 9 13C8.4477 13 8 12.5523 8 12C8 11.4477 8.4477 11 9 11C9.5523 11 10 11.4477 10 12ZM10 19C10 19.5523 9.5523 20 9 20C8.4477 20 8 19.5523 8 19C8 18.4477 8.4477 18 9 18C9.5523 18 10 18.4477 10 19ZM16 5C16 5.5523 15.5523 6 15 6C14.4477 6 14 5.5523 14 5C14 4.4477 14.4477 4 15 4C15.5523 4 16 4.4477 16 5ZM16 12C16 12.5523 15.5523 13 15 13C14.4477 13 14 12.5523 14 12C14 11.4477 14.4477 11 15 11C15.5523 11 16 11.4477 16 12ZM16 19C16 19.5523 15.5523 20 15 20C14.4477 20 14 19.5523 14 19C14 18.4477 14.4477 18 15 18C15.5523 18 16 18.4477 16 19Z"/></svg> </template>
CSS
.icon-grip-vertical-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%22M10%205C10%205.5523%209.5523%206%209%206C8.4477%206%208%205.5523%208%205C8%204.4477%208.4477%204%209%204C9.5523%204%2010%204.4477%2010%205ZM10%2012C10%2012.5523%209.5523%2013%209%2013C8.4477%2013%208%2012.5523%208%2012C8%2011.4477%208.4477%2011%209%2011C9.5523%2011%2010%2011.4477%2010%2012ZM10%2019C10%2019.5523%209.5523%2020%209%2020C8.4477%2020%208%2019.5523%208%2019C8%2018.4477%208.4477%2018%209%2018C9.5523%2018%2010%2018.4477%2010%2019ZM16%205C16%205.5523%2015.5523%206%2015%206C14.4477%206%2014%205.5523%2014%205C14%204.4477%2014.4477%204%2015%204C15.5523%204%2016%204.4477%2016%205ZM16%2012C16%2012.5523%2015.5523%2013%2015%2013C14.4477%2013%2014%2012.5523%2014%2012C14%2011.4477%2014.4477%2011%2015%2011C15.5523%2011%2016%2011.4477%2016%2012ZM16%2019C16%2019.5523%2015.5523%2020%2015%2020C14.4477%2020%2014%2019.5523%2014%2019C14%2018.4477%2014.4477%2018%2015%2018C15.5523%2018%2016%2018.4477%2016%2019Z%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%22M10%205C10%205.5523%209.5523%206%209%206C8.4477%206%208%205.5523%208%205C8%204.4477%208.4477%204%209%204C9.5523%204%2010%204.4477%2010%205ZM10%2012C10%2012.5523%209.5523%2013%209%2013C8.4477%2013%208%2012.5523%208%2012C8%2011.4477%208.4477%2011%209%2011C9.5523%2011%2010%2011.4477%2010%2012ZM10%2019C10%2019.5523%209.5523%2020%209%2020C8.4477%2020%208%2019.5523%208%2019C8%2018.4477%208.4477%2018%209%2018C9.5523%2018%2010%2018.4477%2010%2019ZM16%205C16%205.5523%2015.5523%206%2015%206C14.4477%206%2014%205.5523%2014%205C14%204.4477%2014.4477%204%2015%204C15.5523%204%2016%204.4477%2016%205ZM16%2012C16%2012.5523%2015.5523%2013%2015%2013C14.4477%2013%2014%2012.5523%2014%2012C14%2011.4477%2014.4477%2011%2015%2011C15.5523%2011%2016%2011.4477%2016%2012ZM16%2019C16%2019.5523%2015.5523%2020%2015%2020C14.4477%2020%2014%2019.5523%2014%2019C14%2018.4477%2014.4477%2018%2015%2018C15.5523%2018%2016%2018.4477%2016%2019Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/grip-vertical-sharp.svg?color=%231a73e8&size=48
