circle dashed icon
circle-dashed-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- circle-dashed-solid
- Set
- Myna UI Icons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
1 other variant in Myna UI Icons
The same icon in other sets
Related icons in Myna UI Icons
Use the circle dashed icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.58 19.905a1 1 0 0 1 1.31-.532A8 8 0 0 0 12 20a1 1 0 1 1 0 2a10 10 0 0 1-3.89-.785a1 1 0 0 1-.53-1.31m10.077-2.248a1 1 0 1 1 1.414 1.414a10 10 0 0 1-3.181 2.144a1 1 0 0 1-.78-1.842a8 8 0 0 0 2.547-1.716M3.317 14.58a1 1 0 0 1 1.31.531c.405.958.99 1.822 1.716 2.547a1 1 0 1 1-1.414 1.414a10 10 0 0 1-2.144-3.181a1 1 0 0 1 .531-1.31M20 12a1 1 0 1 1 2 0a10 10 0 0 1-.785 3.89a1 1 0 1 1-1.842-.78A8 8 0 0 0 20 12M2 12c0-1.377.28-2.693.785-3.89a1 1 0 1 1 1.842.78A8 8 0 0 0 4 12a1 1 0 1 1-2 0m15.657-7.071a1 1 0 0 1 1.414 0a10 10 0 0 1 2.144 3.181a1 1 0 0 1-1.842.78a8 8 0 0 0-1.716-2.547a1 1 0 0 1 0-1.414M8.11 2.785a1 1 0 0 1 .78 1.842a8 8 0 0 0-2.547 1.716a1 1 0 1 1-1.414-1.414A10 10 0 0 1 8.11 2.785M12 2a10 10 0 0 1 3.89.785a1 1 0 1 1-.78 1.842A8 8 0 0 0 12 4a1 1 0 1 1 0-2"/></svg>
React
import type { SVGProps } from "react";
export function MynauiCircleDashedSolid(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="M7.58 19.905a1 1 0 0 1 1.31-.532A8 8 0 0 0 12 20a1 1 0 1 1 0 2a10 10 0 0 1-3.89-.785a1 1 0 0 1-.53-1.31m10.077-2.248a1 1 0 1 1 1.414 1.414a10 10 0 0 1-3.181 2.144a1 1 0 0 1-.78-1.842a8 8 0 0 0 2.547-1.716M3.317 14.58a1 1 0 0 1 1.31.531c.405.958.99 1.822 1.716 2.547a1 1 0 1 1-1.414 1.414a10 10 0 0 1-2.144-3.181a1 1 0 0 1 .531-1.31M20 12a1 1 0 1 1 2 0a10 10 0 0 1-.785 3.89a1 1 0 1 1-1.842-.78A8 8 0 0 0 20 12M2 12c0-1.377.28-2.693.785-3.89a1 1 0 1 1 1.842.78A8 8 0 0 0 4 12a1 1 0 1 1-2 0m15.657-7.071a1 1 0 0 1 1.414 0a10 10 0 0 1 2.144 3.181a1 1 0 0 1-1.842.78a8 8 0 0 0-1.716-2.547a1 1 0 0 1 0-1.414M8.11 2.785a1 1 0 0 1 .78 1.842a8 8 0 0 0-2.547 1.716a1 1 0 1 1-1.414-1.414A10 10 0 0 1 8.11 2.785M12 2a10 10 0 0 1 3.89.785a1 1 0 1 1-.78 1.842A8 8 0 0 0 12 4a1 1 0 1 1 0-2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.58 19.905a1 1 0 0 1 1.31-.532A8 8 0 0 0 12 20a1 1 0 1 1 0 2a10 10 0 0 1-3.89-.785a1 1 0 0 1-.53-1.31m10.077-2.248a1 1 0 1 1 1.414 1.414a10 10 0 0 1-3.181 2.144a1 1 0 0 1-.78-1.842a8 8 0 0 0 2.547-1.716M3.317 14.58a1 1 0 0 1 1.31.531c.405.958.99 1.822 1.716 2.547a1 1 0 1 1-1.414 1.414a10 10 0 0 1-2.144-3.181a1 1 0 0 1 .531-1.31M20 12a1 1 0 1 1 2 0a10 10 0 0 1-.785 3.89a1 1 0 1 1-1.842-.78A8 8 0 0 0 20 12M2 12c0-1.377.28-2.693.785-3.89a1 1 0 1 1 1.842.78A8 8 0 0 0 4 12a1 1 0 1 1-2 0m15.657-7.071a1 1 0 0 1 1.414 0a10 10 0 0 1 2.144 3.181a1 1 0 0 1-1.842.78a8 8 0 0 0-1.716-2.547a1 1 0 0 1 0-1.414M8.11 2.785a1 1 0 0 1 .78 1.842a8 8 0 0 0-2.547 1.716a1 1 0 1 1-1.414-1.414A10 10 0 0 1 8.11 2.785M12 2a10 10 0 0 1 3.89.785a1 1 0 1 1-.78 1.842A8 8 0 0 0 12 4a1 1 0 1 1 0-2"/></svg> </template>
CSS
.icon-circle-dashed-solid {
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%22M7.58%2019.905a1%201%200%200%201%201.31-.532A8%208%200%200%200%2012%2020a1%201%200%201%201%200%202a10%2010%200%200%201-3.89-.785a1%201%200%200%201-.53-1.31m10.077-2.248a1%201%200%201%201%201.414%201.414a10%2010%200%200%201-3.181%202.144a1%201%200%200%201-.78-1.842a8%208%200%200%200%202.547-1.716M3.317%2014.58a1%201%200%200%201%201.31.531c.405.958.99%201.822%201.716%202.547a1%201%200%201%201-1.414%201.414a10%2010%200%200%201-2.144-3.181a1%201%200%200%201%20.531-1.31M20%2012a1%201%200%201%201%202%200a10%2010%200%200%201-.785%203.89a1%201%200%201%201-1.842-.78A8%208%200%200%200%2020%2012M2%2012c0-1.377.28-2.693.785-3.89a1%201%200%201%201%201.842.78A8%208%200%200%200%204%2012a1%201%200%201%201-2%200m15.657-7.071a1%201%200%200%201%201.414%200a10%2010%200%200%201%202.144%203.181a1%201%200%200%201-1.842.78a8%208%200%200%200-1.716-2.547a1%201%200%200%201%200-1.414M8.11%202.785a1%201%200%200%201%20.78%201.842a8%208%200%200%200-2.547%201.716a1%201%200%201%201-1.414-1.414A10%2010%200%200%201%208.11%202.785M12%202a10%2010%200%200%201%203.89.785a1%201%200%201%201-.78%201.842A8%208%200%200%200%2012%204a1%201%200%201%201%200-2%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%22M7.58%2019.905a1%201%200%200%201%201.31-.532A8%208%200%200%200%2012%2020a1%201%200%201%201%200%202a10%2010%200%200%201-3.89-.785a1%201%200%200%201-.53-1.31m10.077-2.248a1%201%200%201%201%201.414%201.414a10%2010%200%200%201-3.181%202.144a1%201%200%200%201-.78-1.842a8%208%200%200%200%202.547-1.716M3.317%2014.58a1%201%200%200%201%201.31.531c.405.958.99%201.822%201.716%202.547a1%201%200%201%201-1.414%201.414a10%2010%200%200%201-2.144-3.181a1%201%200%200%201%20.531-1.31M20%2012a1%201%200%201%201%202%200a10%2010%200%200%201-.785%203.89a1%201%200%201%201-1.842-.78A8%208%200%200%200%2020%2012M2%2012c0-1.377.28-2.693.785-3.89a1%201%200%201%201%201.842.78A8%208%200%200%200%204%2012a1%201%200%201%201-2%200m15.657-7.071a1%201%200%200%201%201.414%200a10%2010%200%200%201%202.144%203.181a1%201%200%200%201-1.842.78a8%208%200%200%200-1.716-2.547a1%201%200%200%201%200-1.414M8.11%202.785a1%201%200%200%201%20.78%201.842a8%208%200%200%200-2.547%201.716a1%201%200%201%201-1.414-1.414A10%2010%200%200%201%208.11%202.785M12%202a10%2010%200%200%201%203.89.785a1%201%200%201%201-.78%201.842A8%208%200%200%200%2012%204a1%201%200%201%201%200-2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/circle-dashed-solid.svg?color=%231a73e8&size=48
