menu dots icon
menu-dots-outline from Solar by 480 Design · Outline · UI · CC-BY-4.0 Attribution required.
- Name
- menu-dots-outline
- Set
- Solar
- Style
- Outline
- Category
- UI
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
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 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M2.25 12C2.25 10.4812 3.48122 9.25 5 9.25C6.51878 9.25 7.75 10.4812 7.75 12C7.75 13.5188 6.51878 14.75 5 14.75C3.48122 14.75 2.25 13.5188 2.25 12ZM5 10.75C4.30964 10.75 3.75 11.3096 3.75 12C3.75 12.6904 4.30964 13.25 5 13.25C5.69036 13.25 6.25 12.6904 6.25 12C6.25 11.3096 5.69036 10.75 5 10.75Z"/><path d="M9.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.75C10.4812 14.75 9.25 13.5188 9.25 12ZM12 10.75C11.3096 10.75 10.75 11.3096 10.75 12C10.75 12.6904 11.3096 13.25 12 13.25C12.6904 13.25 13.25 12.6904 13.25 12C13.25 11.3096 12.6904 10.75 12 10.75Z"/><path d="M19 9.25C17.4812 9.25 16.25 10.4812 16.25 12C16.25 13.5188 17.4812 14.75 19 14.75C20.5188 14.75 21.75 13.5188 21.75 12C21.75 10.4812 20.5188 9.25 19 9.25ZM17.75 12C17.75 11.3096 18.3096 10.75 19 10.75C19.6904 10.75 20.25 11.3096 20.25 12C20.25 12.6904 19.6904 13.25 19 13.25C18.3096 13.25 17.75 12.6904 17.75 12Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarMenuDotsOutline(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" fillRule="evenodd" clipRule="evenodd"><path d="M2.25 12C2.25 10.4812 3.48122 9.25 5 9.25C6.51878 9.25 7.75 10.4812 7.75 12C7.75 13.5188 6.51878 14.75 5 14.75C3.48122 14.75 2.25 13.5188 2.25 12ZM5 10.75C4.30964 10.75 3.75 11.3096 3.75 12C3.75 12.6904 4.30964 13.25 5 13.25C5.69036 13.25 6.25 12.6904 6.25 12C6.25 11.3096 5.69036 10.75 5 10.75Z"/><path d="M9.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.75C10.4812 14.75 9.25 13.5188 9.25 12ZM12 10.75C11.3096 10.75 10.75 11.3096 10.75 12C10.75 12.6904 11.3096 13.25 12 13.25C12.6904 13.25 13.25 12.6904 13.25 12C13.25 11.3096 12.6904 10.75 12 10.75Z"/><path d="M19 9.25C17.4812 9.25 16.25 10.4812 16.25 12C16.25 13.5188 17.4812 14.75 19 14.75C20.5188 14.75 21.75 13.5188 21.75 12C21.75 10.4812 20.5188 9.25 19 9.25ZM17.75 12C17.75 11.3096 18.3096 10.75 19 10.75C19.6904 10.75 20.25 11.3096 20.25 12C20.25 12.6904 19.6904 13.25 19 13.25C18.3096 13.25 17.75 12.6904 17.75 12Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M2.25 12C2.25 10.4812 3.48122 9.25 5 9.25C6.51878 9.25 7.75 10.4812 7.75 12C7.75 13.5188 6.51878 14.75 5 14.75C3.48122 14.75 2.25 13.5188 2.25 12ZM5 10.75C4.30964 10.75 3.75 11.3096 3.75 12C3.75 12.6904 4.30964 13.25 5 13.25C5.69036 13.25 6.25 12.6904 6.25 12C6.25 11.3096 5.69036 10.75 5 10.75Z"/><path d="M9.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.75C10.4812 14.75 9.25 13.5188 9.25 12ZM12 10.75C11.3096 10.75 10.75 11.3096 10.75 12C10.75 12.6904 11.3096 13.25 12 13.25C12.6904 13.25 13.25 12.6904 13.25 12C13.25 11.3096 12.6904 10.75 12 10.75Z"/><path d="M19 9.25C17.4812 9.25 16.25 10.4812 16.25 12C16.25 13.5188 17.4812 14.75 19 14.75C20.5188 14.75 21.75 13.5188 21.75 12C21.75 10.4812 20.5188 9.25 19 9.25ZM17.75 12C17.75 11.3096 18.3096 10.75 19 10.75C19.6904 10.75 20.25 11.3096 20.25 12C20.25 12.6904 19.6904 13.25 19 13.25C18.3096 13.25 17.75 12.6904 17.75 12Z"/></g></svg> </template>
CSS
.icon-menu-dots-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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M2.25%2012C2.25%2010.4812%203.48122%209.25%205%209.25C6.51878%209.25%207.75%2010.4812%207.75%2012C7.75%2013.5188%206.51878%2014.75%205%2014.75C3.48122%2014.75%202.25%2013.5188%202.25%2012ZM5%2010.75C4.30964%2010.75%203.75%2011.3096%203.75%2012C3.75%2012.6904%204.30964%2013.25%205%2013.25C5.69036%2013.25%206.25%2012.6904%206.25%2012C6.25%2011.3096%205.69036%2010.75%205%2010.75Z%22%2F%3E%3Cpath%20d%3D%22M9.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.75C10.4812%2014.75%209.25%2013.5188%209.25%2012ZM12%2010.75C11.3096%2010.75%2010.75%2011.3096%2010.75%2012C10.75%2012.6904%2011.3096%2013.25%2012%2013.25C12.6904%2013.25%2013.25%2012.6904%2013.25%2012C13.25%2011.3096%2012.6904%2010.75%2012%2010.75Z%22%2F%3E%3Cpath%20d%3D%22M19%209.25C17.4812%209.25%2016.25%2010.4812%2016.25%2012C16.25%2013.5188%2017.4812%2014.75%2019%2014.75C20.5188%2014.75%2021.75%2013.5188%2021.75%2012C21.75%2010.4812%2020.5188%209.25%2019%209.25ZM17.75%2012C17.75%2011.3096%2018.3096%2010.75%2019%2010.75C19.6904%2010.75%2020.25%2011.3096%2020.25%2012C20.25%2012.6904%2019.6904%2013.25%2019%2013.25C18.3096%2013.25%2017.75%2012.6904%2017.75%2012Z%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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M2.25%2012C2.25%2010.4812%203.48122%209.25%205%209.25C6.51878%209.25%207.75%2010.4812%207.75%2012C7.75%2013.5188%206.51878%2014.75%205%2014.75C3.48122%2014.75%202.25%2013.5188%202.25%2012ZM5%2010.75C4.30964%2010.75%203.75%2011.3096%203.75%2012C3.75%2012.6904%204.30964%2013.25%205%2013.25C5.69036%2013.25%206.25%2012.6904%206.25%2012C6.25%2011.3096%205.69036%2010.75%205%2010.75Z%22%2F%3E%3Cpath%20d%3D%22M9.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.75C10.4812%2014.75%209.25%2013.5188%209.25%2012ZM12%2010.75C11.3096%2010.75%2010.75%2011.3096%2010.75%2012C10.75%2012.6904%2011.3096%2013.25%2012%2013.25C12.6904%2013.25%2013.25%2012.6904%2013.25%2012C13.25%2011.3096%2012.6904%2010.75%2012%2010.75Z%22%2F%3E%3Cpath%20d%3D%22M19%209.25C17.4812%209.25%2016.25%2010.4812%2016.25%2012C16.25%2013.5188%2017.4812%2014.75%2019%2014.75C20.5188%2014.75%2021.75%2013.5188%2021.75%2012C21.75%2010.4812%2020.5188%209.25%2019%209.25ZM17.75%2012C17.75%2011.3096%2018.3096%2010.75%2019%2010.75C19.6904%2010.75%2020.25%2011.3096%2020.25%2012C20.25%2012.6904%2019.6904%2013.25%2019%2013.25C18.3096%2013.25%2017.75%2012.6904%2017.75%2012Z%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-outline.svg?color=%231a73e8&size=48
