donut small icon

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

Name: donut-small-rounded
Set: Material Symbols Light
Style: Rounded
Category: Business
Viewbox: 24×24
License: Apache 2.0

3 other variants in Material Symbols Light

donut-small donut-small-outline donut-small-outline-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="M12.91 4.02q0-.413.307-.661q.308-.247.687-.167q2.644.535 4.528 2.434t2.407 4.543q.08.367-.156.638q-.236.27-.646.27h-5.314q-.08 0-.141-.04t-.101-.122q-.225-.467-.59-.834q-.364-.367-.82-.567q-.08-.04-.121-.09t-.04-.128zm-2.82 16.763q-3.061-.68-5.063-3.124T3.025 12q0-3.229 2.002-5.673t5.064-3.11q.403-.086.726.186q.324.273.324.697v5.223q0 .023-.131.185q-.754.311-1.216.991t-.461 1.505t.461 1.486q.462.66 1.216.952q.03.006.13.181V19.9q0 .424-.323.697t-.726.186m3.726.03q-.367.062-.637-.171t-.27-.6V14.68q0-.081.04-.141t.121-.101q.481-.206.844-.57t.566-.82q.006-.013.235-.163h5.32q.368 0 .613.308t.165.687q-.548 2.644-2.45 4.528t-4.547 2.407"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightDonutSmallRounded(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="M12.91 4.02q0-.413.307-.661q.308-.247.687-.167q2.644.535 4.528 2.434t2.407 4.543q.08.367-.156.638q-.236.27-.646.27h-5.314q-.08 0-.141-.04t-.101-.122q-.225-.467-.59-.834q-.364-.367-.82-.567q-.08-.04-.121-.09t-.04-.128zm-2.82 16.763q-3.061-.68-5.063-3.124T3.025 12q0-3.229 2.002-5.673t5.064-3.11q.403-.086.726.186q.324.273.324.697v5.223q0 .023-.131.185q-.754.311-1.216.991t-.461 1.505t.461 1.486q.462.66 1.216.952q.03.006.13.181V19.9q0 .424-.323.697t-.726.186m3.726.03q-.367.062-.637-.171t-.27-.6V14.68q0-.081.04-.141t.121-.101q.481-.206.844-.57t.566-.82q.006-.013.235-.163h5.32q.368 0 .613.308t.165.687q-.548 2.644-2.45 4.528t-4.547 2.407"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.91 4.02q0-.413.307-.661q.308-.247.687-.167q2.644.535 4.528 2.434t2.407 4.543q.08.367-.156.638q-.236.27-.646.27h-5.314q-.08 0-.141-.04t-.101-.122q-.225-.467-.59-.834q-.364-.367-.82-.567q-.08-.04-.121-.09t-.04-.128zm-2.82 16.763q-3.061-.68-5.063-3.124T3.025 12q0-3.229 2.002-5.673t5.064-3.11q.403-.086.726.186q.324.273.324.697v5.223q0 .023-.131.185q-.754.311-1.216.991t-.461 1.505t.461 1.486q.462.66 1.216.952q.03.006.13.181V19.9q0 .424-.323.697t-.726.186m3.726.03q-.367.062-.637-.171t-.27-.6V14.68q0-.081.04-.141t.121-.101q.481-.206.844-.57t.566-.82q.006-.013.235-.163h5.32q.368 0 .613.308t.165.687q-.548 2.644-2.45 4.528t-4.547 2.407"/></svg>
</template>

CSS

.icon-donut-small-rounded {
  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%22M12.91%204.02q0-.413.307-.661q.308-.247.687-.167q2.644.535%204.528%202.434t2.407%204.543q.08.367-.156.638q-.236.27-.646.27h-5.314q-.08%200-.141-.04t-.101-.122q-.225-.467-.59-.834q-.364-.367-.82-.567q-.08-.04-.121-.09t-.04-.128zm-2.82%2016.763q-3.061-.68-5.063-3.124T3.025%2012q0-3.229%202.002-5.673t5.064-3.11q.403-.086.726.186q.324.273.324.697v5.223q0%20.023-.131.185q-.754.311-1.216.991t-.461%201.505t.461%201.486q.462.66%201.216.952q.03.006.13.181V19.9q0%20.424-.323.697t-.726.186m3.726.03q-.367.062-.637-.171t-.27-.6V14.68q0-.081.04-.141t.121-.101q.481-.206.844-.57t.566-.82q.006-.013.235-.163h5.32q.368%200%20.613.308t.165.687q-.548%202.644-2.45%204.528t-4.547%202.407%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%22M12.91%204.02q0-.413.307-.661q.308-.247.687-.167q2.644.535%204.528%202.434t2.407%204.543q.08.367-.156.638q-.236.27-.646.27h-5.314q-.08%200-.141-.04t-.101-.122q-.225-.467-.59-.834q-.364-.367-.82-.567q-.08-.04-.121-.09t-.04-.128zm-2.82%2016.763q-3.061-.68-5.063-3.124T3.025%2012q0-3.229%202.002-5.673t5.064-3.11q.403-.086.726.186q.324.273.324.697v5.223q0%20.023-.131.185q-.754.311-1.216.991t-.461%201.505t.461%201.486q.462.66%201.216.952q.03.006.13.181V19.9q0%20.424-.323.697t-.726.186m3.726.03q-.367.062-.637-.171t-.27-.6V14.68q0-.081.04-.141t.121-.101q.481-.206.844-.57t.566-.82q.006-.013.235-.163h5.32q.368%200%20.613.308t.165.687q-.548%202.644-2.45%204.528t-4.547%202.407%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-rounded.svg?color=%231a73e8&size=48