disc icon

disc-fill from Bootstrap Icons by The Bootstrap Authors · Fill · MIT Free for personal and commercial use.

Name: disc-fill
Set: Bootstrap Icons
Style: Fill
Viewbox: 16×16
License: MIT

1 other variant in Bootstrap Icons

The same icon in other sets

discBoxIcons v2 discBoxIcons v2 Solid discFeather Icons disccss.gg discHuge Icons discIonIcons discJam Icons discLucide discMaterial Icon Theme discMaterial Design Icons disc-fillMingCute Icon discPhosphor discRadix Icons disc-fillRemix Icon discTabler Icons

Use the disc 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-6 0a2 2 0 1 0-4 0a2 2 0 0 0 4 0M4 8a4 4 0 0 1 4-4a.5.5 0 0 0 0-1a5 5 0 0 0-5 5a.5.5 0 0 0 1 0m9 0a.5.5 0 1 0-1 0a4 4 0 0 1-4 4a.5.5 0 0 0 0 1a5 5 0 0 0 5-5"/></svg>

React

import type { SVGProps } from "react";

export function BiDiscFill(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-6 0a2 2 0 1 0-4 0a2 2 0 0 0 4 0M4 8a4 4 0 0 1 4-4a.5.5 0 0 0 0-1a5 5 0 0 0-5 5a.5.5 0 0 0 1 0m9 0a.5.5 0 1 0-1 0a4 4 0 0 1-4 4a.5.5 0 0 0 0 1a5 5 0 0 0 5-5"/></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-6 0a2 2 0 1 0-4 0a2 2 0 0 0 4 0M4 8a4 4 0 0 1 4-4a.5.5 0 0 0 0-1a5 5 0 0 0-5 5a.5.5 0 0 0 1 0m9 0a.5.5 0 1 0-1 0a4 4 0 0 1-4 4a.5.5 0 0 0 0 1a5 5 0 0 0 5-5"/></svg>
</template>

CSS

.icon-disc-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-6%200a2%202%200%201%200-4%200a2%202%200%200%200%204%200M4%208a4%204%200%200%201%204-4a.5.5%200%200%200%200-1a5%205%200%200%200-5%205a.5.5%200%200%200%201%200m9%200a.5.5%200%201%200-1%200a4%204%200%200%201-4%204a.5.5%200%200%200%200%201a5%205%200%200%200%205-5%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-6%200a2%202%200%201%200-4%200a2%202%200%200%200%204%200M4%208a4%204%200%200%201%204-4a.5.5%200%200%200%200-1a5%205%200%200%200-5%205a.5.5%200%200%200%201%200m9%200a.5.5%200%201%200-1%200a4%204%200%200%201-4%204a.5.5%200%200%200%200%201a5%205%200%200%200%205-5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/disc-fill.svg?color=%231a73e8&size=48