selection ellipse icon
selection-ellipse from Material Design Icons by Pictogrammers · Filled · Apache-2.0 Free for personal and commercial use.
- Name
- selection-ellipse
- Set
- Material Design Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- Apache 2.0
Related icons in Material Design Icons
Use the selection ellipse icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m6.35 20.25l1.21-1.59c.86.57 1.83.98 2.87 1.19l-.27 1.98c-1.39-.26-2.66-.83-3.81-1.58m10.08-1.59l1.21 1.6c-1.14.77-2.41 1.31-3.8 1.57l-.27-1.98c1.04-.21 2-.62 2.86-1.19m3.41-5.07l1.99.27c-.26 1.39-.83 2.68-1.59 3.8l-1.59-1.21c.57-.85.98-1.82 1.19-2.86m-17.67.25l1.98-.27a8.1 8.1 0 0 0 1.19 2.87l-1.59 1.21C3 16.5 2.43 15.23 2.17 13.84m16.49-6.28l1.59-1.21a9.9 9.9 0 0 1 1.58 3.83l-1.98.27a8.1 8.1 0 0 0-1.19-2.89m-5.09-3.41l.27-1.98c1.39.26 2.66.83 3.81 1.58l-1.21 1.59a8.1 8.1 0 0 0-2.87-1.19M7.56 5.34L6.35 3.75C7.5 3 8.77 2.43 10.16 2.17l.27 1.98a8.1 8.1 0 0 0-2.87 1.19m-3.41 5.09l-1.98-.27C2.43 8.77 3 7.5 3.75 6.35l1.59 1.21a8.1 8.1 0 0 0-1.19 2.87"/></svg>
React
import type { SVGProps } from "react";
export function MdiSelectionEllipse(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m6.35 20.25l1.21-1.59c.86.57 1.83.98 2.87 1.19l-.27 1.98c-1.39-.26-2.66-.83-3.81-1.58m10.08-1.59l1.21 1.6c-1.14.77-2.41 1.31-3.8 1.57l-.27-1.98c1.04-.21 2-.62 2.86-1.19m3.41-5.07l1.99.27c-.26 1.39-.83 2.68-1.59 3.8l-1.59-1.21c.57-.85.98-1.82 1.19-2.86m-17.67.25l1.98-.27a8.1 8.1 0 0 0 1.19 2.87l-1.59 1.21C3 16.5 2.43 15.23 2.17 13.84m16.49-6.28l1.59-1.21a9.9 9.9 0 0 1 1.58 3.83l-1.98.27a8.1 8.1 0 0 0-1.19-2.89m-5.09-3.41l.27-1.98c1.39.26 2.66.83 3.81 1.58l-1.21 1.59a8.1 8.1 0 0 0-2.87-1.19M7.56 5.34L6.35 3.75C7.5 3 8.77 2.43 10.16 2.17l.27 1.98a8.1 8.1 0 0 0-2.87 1.19m-3.41 5.09l-1.98-.27C2.43 8.77 3 7.5 3.75 6.35l1.59 1.21a8.1 8.1 0 0 0-1.19 2.87"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m6.35 20.25l1.21-1.59c.86.57 1.83.98 2.87 1.19l-.27 1.98c-1.39-.26-2.66-.83-3.81-1.58m10.08-1.59l1.21 1.6c-1.14.77-2.41 1.31-3.8 1.57l-.27-1.98c1.04-.21 2-.62 2.86-1.19m3.41-5.07l1.99.27c-.26 1.39-.83 2.68-1.59 3.8l-1.59-1.21c.57-.85.98-1.82 1.19-2.86m-17.67.25l1.98-.27a8.1 8.1 0 0 0 1.19 2.87l-1.59 1.21C3 16.5 2.43 15.23 2.17 13.84m16.49-6.28l1.59-1.21a9.9 9.9 0 0 1 1.58 3.83l-1.98.27a8.1 8.1 0 0 0-1.19-2.89m-5.09-3.41l.27-1.98c1.39.26 2.66.83 3.81 1.58l-1.21 1.59a8.1 8.1 0 0 0-2.87-1.19M7.56 5.34L6.35 3.75C7.5 3 8.77 2.43 10.16 2.17l.27 1.98a8.1 8.1 0 0 0-2.87 1.19m-3.41 5.09l-1.98-.27C2.43 8.77 3 7.5 3.75 6.35l1.59 1.21a8.1 8.1 0 0 0-1.19 2.87"/></svg> </template>
CSS
.icon-selection-ellipse {
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%22currentColor%22%20d%3D%22m6.35%2020.25l1.21-1.59c.86.57%201.83.98%202.87%201.19l-.27%201.98c-1.39-.26-2.66-.83-3.81-1.58m10.08-1.59l1.21%201.6c-1.14.77-2.41%201.31-3.8%201.57l-.27-1.98c1.04-.21%202-.62%202.86-1.19m3.41-5.07l1.99.27c-.26%201.39-.83%202.68-1.59%203.8l-1.59-1.21c.57-.85.98-1.82%201.19-2.86m-17.67.25l1.98-.27a8.1%208.1%200%200%200%201.19%202.87l-1.59%201.21C3%2016.5%202.43%2015.23%202.17%2013.84m16.49-6.28l1.59-1.21a9.9%209.9%200%200%201%201.58%203.83l-1.98.27a8.1%208.1%200%200%200-1.19-2.89m-5.09-3.41l.27-1.98c1.39.26%202.66.83%203.81%201.58l-1.21%201.59a8.1%208.1%200%200%200-2.87-1.19M7.56%205.34L6.35%203.75C7.5%203%208.77%202.43%2010.16%202.17l.27%201.98a8.1%208.1%200%200%200-2.87%201.19m-3.41%205.09l-1.98-.27C2.43%208.77%203%207.5%203.75%206.35l1.59%201.21a8.1%208.1%200%200%200-1.19%202.87%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%22currentColor%22%20d%3D%22m6.35%2020.25l1.21-1.59c.86.57%201.83.98%202.87%201.19l-.27%201.98c-1.39-.26-2.66-.83-3.81-1.58m10.08-1.59l1.21%201.6c-1.14.77-2.41%201.31-3.8%201.57l-.27-1.98c1.04-.21%202-.62%202.86-1.19m3.41-5.07l1.99.27c-.26%201.39-.83%202.68-1.59%203.8l-1.59-1.21c.57-.85.98-1.82%201.19-2.86m-17.67.25l1.98-.27a8.1%208.1%200%200%200%201.19%202.87l-1.59%201.21C3%2016.5%202.43%2015.23%202.17%2013.84m16.49-6.28l1.59-1.21a9.9%209.9%200%200%201%201.58%203.83l-1.98.27a8.1%208.1%200%200%200-1.19-2.89m-5.09-3.41l.27-1.98c1.39.26%202.66.83%203.81%201.58l-1.21%201.59a8.1%208.1%200%200%200-2.87-1.19M7.56%205.34L6.35%203.75C7.5%203%208.77%202.43%2010.16%202.17l.27%201.98a8.1%208.1%200%200%200-2.87%201.19m-3.41%205.09l-1.98-.27C2.43%208.77%203%207.5%203.75%206.35l1.59%201.21a8.1%208.1%200%200%200-1.19%202.87%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/selection-ellipse.svg?color=%231a73e8&size=48
