Circle Multiple Concentric icon
The Circle Multiple Concentric icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles in 3 sizes from 16 to 24 px. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Every size and style
Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.
Regular, 24 px
ic_fluent_circle_multiple_concentric_24_regular.svg
Circle Multiple Concentric icon in React
npm install @fluentui/react-icons
import { CircleMultipleConcentric24Regular } from "@fluentui/react-icons";
export function Example() {
return <CircleMultipleConcentric24Regular aria-label="Circle Multiple Concentric" />;
}Use the Circle Multiple Concentric icon in React
Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.
npm install @fluentui/react-icons
import { CircleMultipleConcentric24Regular, CircleMultipleConcentric24Filled } from "@fluentui/react-icons";
export function Example() {
return <CircleMultipleConcentric24Regular aria-label="Circle Multiple Concentric" />;
}Coding agents can look up this component through the Fluent Icons MCP server.
Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_circle_multiple_concentric_24_regular.svg" width="24" height="24" alt="Circle Multiple Concentric"> Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12ZM12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM7.5 12C7.5 9.51472 9.51472 7.5 12 7.5C14.4853 7.5 16.5 9.51472 16.5 12C16.5 14.4853 14.4853 16.5 12 16.5C9.51472 16.5 7.5 14.4853 7.5 12ZM12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6Z" fill="currentColor"/></svg>Details
| Name | Circle Multiple Concentric |
|---|---|
| Styles | Regular (outlined), Filled |
| Sizes | 16 px, 20 px, 24 px |
| Regular (outlined) file | ic_fluent_circle_multiple_concentric_24_regular.svg |
| Filled file | ic_fluent_circle_multiple_concentric_24_filled.svg |
| React (Regular) | CircleMultipleConcentric16Regular, CircleMultipleConcentric20Regular, CircleMultipleConcentric24Regular |
| React (Filled) | CircleMultipleConcentric16Filled, CircleMultipleConcentric20Filled, CircleMultipleConcentric24Filled |
| License | MIT (© Microsoft Corporation) |