disc icon

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

Name: disc
Set: Bootstrap Icons
Style: Outline
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"><g fill="currentColor"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/><path d="M10 8a2 2 0 1 1-4 0a2 2 0 0 1 4 0M8 4a4 4 0 0 0-4 4a.5.5 0 0 1-1 0a5 5 0 0 1 5-5a.5.5 0 0 1 0 1m4.5 3.5a.5.5 0 0 1 .5.5a5 5 0 0 1-5 5a.5.5 0 0 1 0-1a4 4 0 0 0 4-4a.5.5 0 0 1 .5-.5"/></g></svg>

React

import type { SVGProps } from "react";

export function BiDisc(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/><path d="M10 8a2 2 0 1 1-4 0a2 2 0 0 1 4 0M8 4a4 4 0 0 0-4 4a.5.5 0 0 1-1 0a5 5 0 0 1 5-5a.5.5 0 0 1 0 1m4.5 3.5a.5.5 0 0 1 .5.5a5 5 0 0 1-5 5a.5.5 0 0 1 0-1a4 4 0 0 0 4-4a.5.5 0 0 1 .5-.5"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/><path d="M10 8a2 2 0 1 1-4 0a2 2 0 0 1 4 0M8 4a4 4 0 0 0-4 4a.5.5 0 0 1-1 0a5 5 0 0 1 5-5a.5.5 0 0 1 0 1m4.5 3.5a.5.5 0 0 1 .5.5a5 5 0 0 1-5 5a.5.5 0 0 1 0-1a4 4 0 0 0 4-4a.5.5 0 0 1 .5-.5"/></g></svg>
</template>

CSS

.icon-disc {
  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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M8%2015A7%207%200%201%201%208%201a7%207%200%200%201%200%2014m0%201A8%208%200%201%200%208%200a8%208%200%200%200%200%2016%22%2F%3E%3Cpath%20d%3D%22M10%208a2%202%200%201%201-4%200a2%202%200%200%201%204%200M8%204a4%204%200%200%200-4%204a.5.5%200%200%201-1%200a5%205%200%200%201%205-5a.5.5%200%200%201%200%201m4.5%203.5a.5.5%200%200%201%20.5.5a5%205%200%200%201-5%205a.5.5%200%200%201%200-1a4%204%200%200%200%204-4a.5.5%200%200%201%20.5-.5%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M8%2015A7%207%200%201%201%208%201a7%207%200%200%201%200%2014m0%201A8%208%200%201%200%208%200a8%208%200%200%200%200%2016%22%2F%3E%3Cpath%20d%3D%22M10%208a2%202%200%201%201-4%200a2%202%200%200%201%204%200M8%204a4%204%200%200%200-4%204a.5.5%200%200%201-1%200a5%205%200%200%201%205-5a.5.5%200%200%201%200%201m4.5%203.5a.5.5%200%200%201%20.5.5a5%205%200%200%201-5%205a.5.5%200%200%201%200-1a4%204%200%200%200%204-4a.5.5%200%200%201%20.5-.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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