circles dashed icon
circles-dashed-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.
- Name
- circles-dashed-fill
- Set
- Keyline Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
Use the circles dashed icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" d="M23 15C23 19.4183 19.4183 23 15 23C10.5817 23 7 19.4183 7 15C7 10.5817 10.5817 7 15 7C19.4183 7 23 10.5817 23 15Z" stroke="none"/><path d="M4.0503 13.9497C3.8804 13.7799 3.7193 13.6013 3.5678 13.4149M2.0371 9.7194C1.9876 9.2411 1.9876 8.7589 2.0371 8.2806M3.5678 4.5851C3.8711 4.212 4.212 3.8711 4.5851 3.5678M8.2806 2.0371C8.7589 1.9876 9.2411 1.9876 9.7194 2.0371M13.4149 3.5678C13.6013 3.7193 13.7799 3.8804 13.9497 4.0503"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsCirclesDashedFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path fill="currentColor" d="M23 15C23 19.4183 19.4183 23 15 23C10.5817 23 7 19.4183 7 15C7 10.5817 10.5817 7 15 7C19.4183 7 23 10.5817 23 15Z" stroke="none"/><path d="M4.0503 13.9497C3.8804 13.7799 3.7193 13.6013 3.5678 13.4149M2.0371 9.7194C1.9876 9.2411 1.9876 8.7589 2.0371 8.2806M3.5678 4.5851C3.8711 4.212 4.212 3.8711 4.5851 3.5678M8.2806 2.0371C8.7589 1.9876 9.2411 1.9876 9.7194 2.0371M13.4149 3.5678C13.6013 3.7193 13.7799 3.8804 13.9497 4.0503"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" d="M23 15C23 19.4183 19.4183 23 15 23C10.5817 23 7 19.4183 7 15C7 10.5817 10.5817 7 15 7C19.4183 7 23 10.5817 23 15Z" stroke="none"/><path d="M4.0503 13.9497C3.8804 13.7799 3.7193 13.6013 3.5678 13.4149M2.0371 9.7194C1.9876 9.2411 1.9876 8.7589 2.0371 8.2806M3.5678 4.5851C3.8711 4.212 4.212 3.8711 4.5851 3.5678M8.2806 2.0371C8.7589 1.9876 9.2411 1.9876 9.7194 2.0371M13.4149 3.5678C13.6013 3.7193 13.7799 3.8804 13.9497 4.0503"/></g></svg> </template>
CSS
.icon-circles-dashed-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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M23%2015C23%2019.4183%2019.4183%2023%2015%2023C10.5817%2023%207%2019.4183%207%2015C7%2010.5817%2010.5817%207%2015%207C19.4183%207%2023%2010.5817%2023%2015Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M4.0503%2013.9497C3.8804%2013.7799%203.7193%2013.6013%203.5678%2013.4149M2.0371%209.7194C1.9876%209.2411%201.9876%208.7589%202.0371%208.2806M3.5678%204.5851C3.8711%204.212%204.212%203.8711%204.5851%203.5678M8.2806%202.0371C8.7589%201.9876%209.2411%201.9876%209.7194%202.0371M13.4149%203.5678C13.6013%203.7193%2013.7799%203.8804%2013.9497%204.0503%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M23%2015C23%2019.4183%2019.4183%2023%2015%2023C10.5817%2023%207%2019.4183%207%2015C7%2010.5817%2010.5817%207%2015%207C19.4183%207%2023%2010.5817%2023%2015Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M4.0503%2013.9497C3.8804%2013.7799%203.7193%2013.6013%203.5678%2013.4149M2.0371%209.7194C1.9876%209.2411%201.9876%208.7589%202.0371%208.2806M3.5678%204.5851C3.8711%204.212%204.212%203.8711%204.5851%203.5678M8.2806%202.0371C8.7589%201.9876%209.2411%201.9876%209.7194%202.0371M13.4149%203.5678C13.6013%203.7193%2013.7799%203.8804%2013.9497%204.0503%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/circles-dashed-fill.svg?color=%231a73e8&size=48
