ellipsis vertical circle icon

ellipsis-vertical-circle-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.

Name
ellipsis-vertical-circle-fill
Set
Framework7 Icons
Style
Fill
Viewbox
56×56
License
MIT

1 other variant in Framework7 Icons

ellipsis-vertical-circle

The same icon in other sets

ellipsis-vertical-circleIonIcons

Related icons in Framework7 Icons

ellipsis-circleellipsis-vertical

Use the ellipsis vertical circle icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M4.094 28C4.094 14.922 14.922 4.094 28 4.094c13.055 0 23.906 10.804 23.906 23.883c0 13.054-10.851 23.93-23.906 23.93C14.922 51.906 4.094 41.054 4.094 28m23.883-8.273c1.851 0 3.515-1.618 3.515-3.493c0-1.922-1.64-3.469-3.515-3.469c-1.852 0-3.493 1.57-3.493 3.47c0 1.874 1.641 3.492 3.493 3.492m0 11.718c1.851 0 3.515-1.594 3.515-3.468c0-1.899-1.64-3.47-3.515-3.47c-1.852 0-3.493 1.594-3.493 3.47c0 1.874 1.641 3.468 3.493 3.468m0 11.742c1.851 0 3.515-1.593 3.515-3.492c0-1.875-1.64-3.492-3.515-3.492c-1.852 0-3.493 1.64-3.493 3.492c0 1.899 1.641 3.492 3.493 3.492"/></svg>

React

import type { SVGProps } from "react";

export function F7EllipsisVerticalCircleFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M4.094 28C4.094 14.922 14.922 4.094 28 4.094c13.055 0 23.906 10.804 23.906 23.883c0 13.054-10.851 23.93-23.906 23.93C14.922 51.906 4.094 41.054 4.094 28m23.883-8.273c1.851 0 3.515-1.618 3.515-3.493c0-1.922-1.64-3.469-3.515-3.469c-1.852 0-3.493 1.57-3.493 3.47c0 1.874 1.641 3.492 3.493 3.492m0 11.718c1.851 0 3.515-1.594 3.515-3.468c0-1.899-1.64-3.47-3.515-3.47c-1.852 0-3.493 1.594-3.493 3.47c0 1.874 1.641 3.468 3.493 3.468m0 11.742c1.851 0 3.515-1.593 3.515-3.492c0-1.875-1.64-3.492-3.515-3.492c-1.852 0-3.493 1.64-3.493 3.492c0 1.899 1.641 3.492 3.493 3.492"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M4.094 28C4.094 14.922 14.922 4.094 28 4.094c13.055 0 23.906 10.804 23.906 23.883c0 13.054-10.851 23.93-23.906 23.93C14.922 51.906 4.094 41.054 4.094 28m23.883-8.273c1.851 0 3.515-1.618 3.515-3.493c0-1.922-1.64-3.469-3.515-3.469c-1.852 0-3.493 1.57-3.493 3.47c0 1.874 1.641 3.492 3.493 3.492m0 11.718c1.851 0 3.515-1.594 3.515-3.468c0-1.899-1.64-3.47-3.515-3.47c-1.852 0-3.493 1.594-3.493 3.47c0 1.874 1.641 3.468 3.493 3.468m0 11.742c1.851 0 3.515-1.593 3.515-3.492c0-1.875-1.64-3.492-3.515-3.492c-1.852 0-3.493 1.64-3.493 3.492c0 1.899 1.641 3.492 3.493 3.492"/></svg>
</template>

CSS

.icon-ellipsis-vertical-circle-fill {
  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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.094%2028C4.094%2014.922%2014.922%204.094%2028%204.094c13.055%200%2023.906%2010.804%2023.906%2023.883c0%2013.054-10.851%2023.93-23.906%2023.93C14.922%2051.906%204.094%2041.054%204.094%2028m23.883-8.273c1.851%200%203.515-1.618%203.515-3.493c0-1.922-1.64-3.469-3.515-3.469c-1.852%200-3.493%201.57-3.493%203.47c0%201.874%201.641%203.492%203.493%203.492m0%2011.718c1.851%200%203.515-1.594%203.515-3.468c0-1.899-1.64-3.47-3.515-3.47c-1.852%200-3.493%201.594-3.493%203.47c0%201.874%201.641%203.468%203.493%203.468m0%2011.742c1.851%200%203.515-1.593%203.515-3.492c0-1.875-1.64-3.492-3.515-3.492c-1.852%200-3.493%201.64-3.493%203.492c0%201.899%201.641%203.492%203.493%203.492%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.094%2028C4.094%2014.922%2014.922%204.094%2028%204.094c13.055%200%2023.906%2010.804%2023.906%2023.883c0%2013.054-10.851%2023.93-23.906%2023.93C14.922%2051.906%204.094%2041.054%204.094%2028m23.883-8.273c1.851%200%203.515-1.618%203.515-3.493c0-1.922-1.64-3.469-3.515-3.469c-1.852%200-3.493%201.57-3.493%203.47c0%201.874%201.641%203.492%203.493%203.492m0%2011.718c1.851%200%203.515-1.594%203.515-3.468c0-1.899-1.64-3.47-3.515-3.47c-1.852%200-3.493%201.594-3.493%203.47c0%201.874%201.641%203.468%203.493%203.468m0%2011.742c1.851%200%203.515-1.593%203.515-3.492c0-1.875-1.64-3.492-3.515-3.492c-1.852%200-3.493%201.64-3.493%203.492c0%201.899%201.641%203.492%203.493%203.492%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/ellipsis-vertical-circle-fill.svg?color=%231a73e8&size=48