9 circle icon
9-circle-fill from Bootstrap Icons by The Bootstrap Authors · Fill · MIT Free for personal and commercial use.
- Name
- 9-circle-fill
- Set
- Bootstrap Icons
- Style
- Fill
- Viewbox
- 16×16
- License
- MIT
1 other variant in Bootstrap Icons
Related icons in Bootstrap Icons
Use the 9 circle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-8.223 4.146c2.104 0 3.123-1.464 3.123-4.3c0-3.147-1.459-4.014-2.97-4.014c-1.63 0-2.871 1.02-2.871 2.73c0 1.706 1.171 2.667 2.566 2.667c1.06 0 1.7-.557 1.934-1.184h.076c.047 1.67-.475 3.023-1.834 3.023c-.71 0-1.149-.363-1.248-.72H5.258c.094.908.926 1.798 2.52 1.798Zm.118-3.972c.808 0 1.535-.528 1.535-1.594s-.668-1.676-1.56-1.676c-.838 0-1.517.616-1.517 1.659c0 1.072.708 1.61 1.54 1.61Z"/></svg>
React
import type { SVGProps } from "react";
export function Bi9CircleFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-8.223 4.146c2.104 0 3.123-1.464 3.123-4.3c0-3.147-1.459-4.014-2.97-4.014c-1.63 0-2.871 1.02-2.871 2.73c0 1.706 1.171 2.667 2.566 2.667c1.06 0 1.7-.557 1.934-1.184h.076c.047 1.67-.475 3.023-1.834 3.023c-.71 0-1.149-.363-1.248-.72H5.258c.094.908.926 1.798 2.52 1.798Zm.118-3.972c.808 0 1.535-.528 1.535-1.594s-.668-1.676-1.56-1.676c-.838 0-1.517.616-1.517 1.659c0 1.072.708 1.61 1.54 1.61Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-8.223 4.146c2.104 0 3.123-1.464 3.123-4.3c0-3.147-1.459-4.014-2.97-4.014c-1.63 0-2.871 1.02-2.871 2.73c0 1.706 1.171 2.667 2.566 2.667c1.06 0 1.7-.557 1.934-1.184h.076c.047 1.67-.475 3.023-1.834 3.023c-.71 0-1.149-.363-1.248-.72H5.258c.094.908.926 1.798 2.52 1.798Zm.118-3.972c.808 0 1.535-.528 1.535-1.594s-.668-1.676-1.56-1.676c-.838 0-1.517.616-1.517 1.659c0 1.072.708 1.61 1.54 1.61Z"/></svg> </template>
CSS
.icon-9-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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%208A8%208%200%201%201%200%208a8%208%200%200%201%2016%200m-8.223%204.146c2.104%200%203.123-1.464%203.123-4.3c0-3.147-1.459-4.014-2.97-4.014c-1.63%200-2.871%201.02-2.871%202.73c0%201.706%201.171%202.667%202.566%202.667c1.06%200%201.7-.557%201.934-1.184h.076c.047%201.67-.475%203.023-1.834%203.023c-.71%200-1.149-.363-1.248-.72H5.258c.094.908.926%201.798%202.52%201.798Zm.118-3.972c.808%200%201.535-.528%201.535-1.594s-.668-1.676-1.56-1.676c-.838%200-1.517.616-1.517%201.659c0%201.072.708%201.61%201.54%201.61Z%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%208A8%208%200%201%201%200%208a8%208%200%200%201%2016%200m-8.223%204.146c2.104%200%203.123-1.464%203.123-4.3c0-3.147-1.459-4.014-2.97-4.014c-1.63%200-2.871%201.02-2.871%202.73c0%201.706%201.171%202.667%202.566%202.667c1.06%200%201.7-.557%201.934-1.184h.076c.047%201.67-.475%203.023-1.834%203.023c-.71%200-1.149-.363-1.248-.72H5.258c.094.908.926%201.798%202.52%201.798Zm.118-3.972c.808%200%201.535-.528%201.535-1.594s-.668-1.676-1.56-1.676c-.838%200-1.517.616-1.517%201.659c0%201.072.708%201.61%201.54%201.61Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/9-circle-fill.svg?color=%231a73e8&size=48
