donut small icon

donut-small from Material Symbols Light by Google · Regular · Business · Apache-2.0 Free for personal and commercial use.

Name: donut-small
Set: Material Symbols Light
Style: Regular
Category: Business
Viewbox: 24×24
License: Apache 2.0
Aliases: donut-small-sharp

3 other variants in Material Symbols Light

donut-small-outline donut-small-outline-rounded donut-small-rounded

The same icon in other sets

donut-smallMaterial Symbols

More business icons from Material Symbols Light

Use the donut small icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.556 11.077q-.225-.573-.65-.993q-.423-.42-.996-.624V3.05q3.223.313 5.488 2.555t2.577 5.472zM11.14 20.95q-3.466-.356-5.791-2.908t-2.325-6.044T5.35 5.936t5.79-2.886v6.401q-.823.293-1.315.998t-.492 1.555t.502 1.526t1.305.969zm1.769 0v-6.454q.586-.203 1.004-.62q.417-.418.642-.991h6.419q-.315 3.221-2.58 5.486q-2.264 2.264-5.485 2.579"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightDonutSmall(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.556 11.077q-.225-.573-.65-.993q-.423-.42-.996-.624V3.05q3.223.313 5.488 2.555t2.577 5.472zM11.14 20.95q-3.466-.356-5.791-2.908t-2.325-6.044T5.35 5.936t5.79-2.886v6.401q-.823.293-1.315.998t-.492 1.555t.502 1.526t1.305.969zm1.769 0v-6.454q.586-.203 1.004-.62q.417-.418.642-.991h6.419q-.315 3.221-2.58 5.486q-2.264 2.264-5.485 2.579"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.556 11.077q-.225-.573-.65-.993q-.423-.42-.996-.624V3.05q3.223.313 5.488 2.555t2.577 5.472zM11.14 20.95q-3.466-.356-5.791-2.908t-2.325-6.044T5.35 5.936t5.79-2.886v6.401q-.823.293-1.315.998t-.492 1.555t.502 1.526t1.305.969zm1.769 0v-6.454q.586-.203 1.004-.62q.417-.418.642-.991h6.419q-.315 3.221-2.58 5.486q-2.264 2.264-5.485 2.579"/></svg>
</template>

CSS

.icon-donut-small {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.556%2011.077q-.225-.573-.65-.993q-.423-.42-.996-.624V3.05q3.223.313%205.488%202.555t2.577%205.472zM11.14%2020.95q-3.466-.356-5.791-2.908t-2.325-6.044T5.35%205.936t5.79-2.886v6.401q-.823.293-1.315.998t-.492%201.555t.502%201.526t1.305.969zm1.769%200v-6.454q.586-.203%201.004-.62q.417-.418.642-.991h6.419q-.315%203.221-2.58%205.486q-2.264%202.264-5.485%202.579%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.556%2011.077q-.225-.573-.65-.993q-.423-.42-.996-.624V3.05q3.223.313%205.488%202.555t2.577%205.472zM11.14%2020.95q-3.466-.356-5.791-2.908t-2.325-6.044T5.35%205.936t5.79-2.886v6.401q-.823.293-1.315.998t-.492%201.555t.502%201.526t1.305.969zm1.769%200v-6.454q.586-.203%201.004-.62q.417-.418.642-.991h6.419q-.315%203.221-2.58%205.486q-2.264%202.264-5.485%202.579%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/donut-small.svg?color=%231a73e8&size=48