menu dots vertical icon

menu-dots-vertical-outline from Solar by 480 Design · Outline · UI · CC-BY-4.0 Attribution required.

Name
menu-dots-vertical-outline
Set
Solar
Style
Outline
Category
UI
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

menu-dots-vertical-boldmenu-dots-vertical-bold-duotonemenu-dots-vertical-brokenmenu-dots-vertical-line-duotonemenu-dots-vertical-linear

More ui icons from Solar

accessibility-boldadd-boldadd-circle-boldadd-square-boldaugmented-reality-boldballoon-boldbattery-charge-boldbattery-charge-minimalistic-boldbattery-full-boldbattery-full-minimalistic-boldbattery-half-boldbattery-half-minimalistic-boldbattery-low-boldbattery-low-minimalistic-boldblocks-boldbody-boldbolt-boldbolt-circle-boldbox-boldbox-minimalistic-boldbroom-boldcat-boldcheck-circle-boldcheck-square-bold

Use the menu dots vertical icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 6.25C12.6904 6.25 13.25 5.69036 13.25 5C13.25 4.30964 12.6904 3.75 12 3.75C11.3096 3.75 10.75 4.30964 10.75 5C10.75 5.69036 11.3096 6.25 12 6.25ZM12 7.75C10.4812 7.75 9.25 6.51878 9.25 5C9.25 3.48122 10.4812 2.25 12 2.25C13.5188 2.25 14.75 3.48122 14.75 5C14.75 6.51878 13.5188 7.75 12 7.75Z"/><path d="M12 13.25C12.6904 13.25 13.25 12.6904 13.25 12C13.25 11.3096 12.6904 10.75 12 10.75C11.3096 10.75 10.75 11.3096 10.75 12C10.75 12.6904 11.3096 13.25 12 13.25ZM12 14.75C10.4812 14.75 9.25 13.5188 9.25 12C9.25 10.4812 10.4812 9.25 12 9.25C13.5188 9.25 14.75 10.4812 14.75 12C14.75 13.5188 13.5188 14.75 12 14.75Z"/><path d="M12 20.25C12.6904 20.25 13.25 19.6904 13.25 19C13.25 18.3096 12.6904 17.75 12 17.75C11.3096 17.75 10.75 18.3096 10.75 19C10.75 19.6904 11.3096 20.25 12 20.25ZM12 21.75C10.4812 21.75 9.25 20.5188 9.25 19C9.25 17.4812 10.4812 16.25 12 16.25C13.5188 16.25 14.75 17.4812 14.75 19C14.75 20.5188 13.5188 21.75 12 21.75Z"/></g></svg>

React

import type { SVGProps } from "react";

export function SolarMenuDotsVerticalOutline(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 6.25C12.6904 6.25 13.25 5.69036 13.25 5C13.25 4.30964 12.6904 3.75 12 3.75C11.3096 3.75 10.75 4.30964 10.75 5C10.75 5.69036 11.3096 6.25 12 6.25ZM12 7.75C10.4812 7.75 9.25 6.51878 9.25 5C9.25 3.48122 10.4812 2.25 12 2.25C13.5188 2.25 14.75 3.48122 14.75 5C14.75 6.51878 13.5188 7.75 12 7.75Z"/><path d="M12 13.25C12.6904 13.25 13.25 12.6904 13.25 12C13.25 11.3096 12.6904 10.75 12 10.75C11.3096 10.75 10.75 11.3096 10.75 12C10.75 12.6904 11.3096 13.25 12 13.25ZM12 14.75C10.4812 14.75 9.25 13.5188 9.25 12C9.25 10.4812 10.4812 9.25 12 9.25C13.5188 9.25 14.75 10.4812 14.75 12C14.75 13.5188 13.5188 14.75 12 14.75Z"/><path d="M12 20.25C12.6904 20.25 13.25 19.6904 13.25 19C13.25 18.3096 12.6904 17.75 12 17.75C11.3096 17.75 10.75 18.3096 10.75 19C10.75 19.6904 11.3096 20.25 12 20.25ZM12 21.75C10.4812 21.75 9.25 20.5188 9.25 19C9.25 17.4812 10.4812 16.25 12 16.25C13.5188 16.25 14.75 17.4812 14.75 19C14.75 20.5188 13.5188 21.75 12 21.75Z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 6.25C12.6904 6.25 13.25 5.69036 13.25 5C13.25 4.30964 12.6904 3.75 12 3.75C11.3096 3.75 10.75 4.30964 10.75 5C10.75 5.69036 11.3096 6.25 12 6.25ZM12 7.75C10.4812 7.75 9.25 6.51878 9.25 5C9.25 3.48122 10.4812 2.25 12 2.25C13.5188 2.25 14.75 3.48122 14.75 5C14.75 6.51878 13.5188 7.75 12 7.75Z"/><path d="M12 13.25C12.6904 13.25 13.25 12.6904 13.25 12C13.25 11.3096 12.6904 10.75 12 10.75C11.3096 10.75 10.75 11.3096 10.75 12C10.75 12.6904 11.3096 13.25 12 13.25ZM12 14.75C10.4812 14.75 9.25 13.5188 9.25 12C9.25 10.4812 10.4812 9.25 12 9.25C13.5188 9.25 14.75 10.4812 14.75 12C14.75 13.5188 13.5188 14.75 12 14.75Z"/><path d="M12 20.25C12.6904 20.25 13.25 19.6904 13.25 19C13.25 18.3096 12.6904 17.75 12 17.75C11.3096 17.75 10.75 18.3096 10.75 19C10.75 19.6904 11.3096 20.25 12 20.25ZM12 21.75C10.4812 21.75 9.25 20.5188 9.25 19C9.25 17.4812 10.4812 16.25 12 16.25C13.5188 16.25 14.75 17.4812 14.75 19C14.75 20.5188 13.5188 21.75 12 21.75Z"/></g></svg>
</template>

CSS

.icon-menu-dots-vertical-outline {
  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%22currentColor%22%3E%3Cpath%20d%3D%22M12%206.25C12.6904%206.25%2013.25%205.69036%2013.25%205C13.25%204.30964%2012.6904%203.75%2012%203.75C11.3096%203.75%2010.75%204.30964%2010.75%205C10.75%205.69036%2011.3096%206.25%2012%206.25ZM12%207.75C10.4812%207.75%209.25%206.51878%209.25%205C9.25%203.48122%2010.4812%202.25%2012%202.25C13.5188%202.25%2014.75%203.48122%2014.75%205C14.75%206.51878%2013.5188%207.75%2012%207.75Z%22%2F%3E%3Cpath%20d%3D%22M12%2013.25C12.6904%2013.25%2013.25%2012.6904%2013.25%2012C13.25%2011.3096%2012.6904%2010.75%2012%2010.75C11.3096%2010.75%2010.75%2011.3096%2010.75%2012C10.75%2012.6904%2011.3096%2013.25%2012%2013.25ZM12%2014.75C10.4812%2014.75%209.25%2013.5188%209.25%2012C9.25%2010.4812%2010.4812%209.25%2012%209.25C13.5188%209.25%2014.75%2010.4812%2014.75%2012C14.75%2013.5188%2013.5188%2014.75%2012%2014.75Z%22%2F%3E%3Cpath%20d%3D%22M12%2020.25C12.6904%2020.25%2013.25%2019.6904%2013.25%2019C13.25%2018.3096%2012.6904%2017.75%2012%2017.75C11.3096%2017.75%2010.75%2018.3096%2010.75%2019C10.75%2019.6904%2011.3096%2020.25%2012%2020.25ZM12%2021.75C10.4812%2021.75%209.25%2020.5188%209.25%2019C9.25%2017.4812%2010.4812%2016.25%2012%2016.25C13.5188%2016.25%2014.75%2017.4812%2014.75%2019C14.75%2020.5188%2013.5188%2021.75%2012%2021.75Z%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%22currentColor%22%3E%3Cpath%20d%3D%22M12%206.25C12.6904%206.25%2013.25%205.69036%2013.25%205C13.25%204.30964%2012.6904%203.75%2012%203.75C11.3096%203.75%2010.75%204.30964%2010.75%205C10.75%205.69036%2011.3096%206.25%2012%206.25ZM12%207.75C10.4812%207.75%209.25%206.51878%209.25%205C9.25%203.48122%2010.4812%202.25%2012%202.25C13.5188%202.25%2014.75%203.48122%2014.75%205C14.75%206.51878%2013.5188%207.75%2012%207.75Z%22%2F%3E%3Cpath%20d%3D%22M12%2013.25C12.6904%2013.25%2013.25%2012.6904%2013.25%2012C13.25%2011.3096%2012.6904%2010.75%2012%2010.75C11.3096%2010.75%2010.75%2011.3096%2010.75%2012C10.75%2012.6904%2011.3096%2013.25%2012%2013.25ZM12%2014.75C10.4812%2014.75%209.25%2013.5188%209.25%2012C9.25%2010.4812%2010.4812%209.25%2012%209.25C13.5188%209.25%2014.75%2010.4812%2014.75%2012C14.75%2013.5188%2013.5188%2014.75%2012%2014.75Z%22%2F%3E%3Cpath%20d%3D%22M12%2020.25C12.6904%2020.25%2013.25%2019.6904%2013.25%2019C13.25%2018.3096%2012.6904%2017.75%2012%2017.75C11.3096%2017.75%2010.75%2018.3096%2010.75%2019C10.75%2019.6904%2011.3096%2020.25%2012%2020.25ZM12%2021.75C10.4812%2021.75%209.25%2020.5188%209.25%2019C9.25%2017.4812%2010.4812%2016.25%2012%2016.25C13.5188%2016.25%2014.75%2017.4812%2014.75%2019C14.75%2020.5188%2013.5188%2021.75%2012%2021.75Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/menu-dots-vertical-outline.svg?color=%231a73e8&size=48