Circle dashed

circle-dashed

A 24px icon in Bloom’s UI category, drawn once as Linear and grown into the other four styles. Free SVG files in currentColor, MIT license.

Category
UI
Tags
draftpendingtodoplaceholderinactive

Circle dashed in five styles

Linear at 16, 20, 24 and 32px

Get the SVG

The command prints the file exactly as Bloom ships it. Set --style to line-duotone, outline, bold or bold-duotone for the other styles. The same files are in the npm package under dist/ and on this site under svg/.

npx -y bloom-icons get circle-dashed --style linear
dist/linear/circle-dashed.svg
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
  <path d="M21.587 10.223A9.75 9.75 0 0 1 21.587 13.777"/>
  <path d="M20.035 17.522A9.75 9.75 0 0 1 17.522 20.035"/>
  <path d="M13.777 21.587A9.75 9.75 0 0 1 10.223 21.587"/>
  <path d="M6.478 20.035A9.75 9.75 0 0 1 3.965 17.522"/>
  <path d="M2.413 13.777A9.75 9.75 0 0 1 2.413 10.223"/>
  <path d="M3.965 6.478A9.75 9.75 0 0 1 6.478 3.965"/>
  <path d="M10.223 2.413A9.75 9.75 0 0 1 13.777 2.413"/>
  <path d="M17.522 3.965A9.75 9.75 0 0 1 20.035 6.478"/>
</svg>

More in UI

Open in the icon browserBrowse all 1,260 icons