donut small icon

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

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

3 other variants in Material Symbols Light

donut-small 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="M12.91 3.05q3.223.313 5.488 2.555t2.577 5.472h-6.42q-.224-.573-.648-.993t-.997-.624zm1 1.204v4.554q.39.244.717.561t.552.708h4.592q-.523-2.173-2.105-3.756q-1.583-1.582-3.756-2.067M11.14 3.05v6.401q-.823.293-1.315.998t-.492 1.555t.502 1.526t1.305.969v6.451q-3.465-.356-5.79-2.908t-2.325-6.044T5.35 5.936t5.79-2.886m-1 1.204q-2.698.606-4.406 2.785Q4.025 9.217 4.025 12t1.709 4.962t4.407 2.796v-4.642q-.797-.552-1.302-1.36t-.506-1.766t.496-1.775t1.312-1.369zm4.416 8.63h6.419q-.315 3.222-2.58 5.487q-2.264 2.264-5.485 2.579v-6.454q.586-.203 1.004-.62q.417-.418.642-.991m.623 1q-.258.37-.568.688q-.311.318-.702.543v4.63q2.193-.504 3.766-2.086q1.573-1.583 2.096-3.775zm0 0"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightDonutSmallOutline(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 3.05q3.223.313 5.488 2.555t2.577 5.472h-6.42q-.224-.573-.648-.993t-.997-.624zm1 1.204v4.554q.39.244.717.561t.552.708h4.592q-.523-2.173-2.105-3.756q-1.583-1.582-3.756-2.067M11.14 3.05v6.401q-.823.293-1.315.998t-.492 1.555t.502 1.526t1.305.969v6.451q-3.465-.356-5.79-2.908t-2.325-6.044T5.35 5.936t5.79-2.886m-1 1.204q-2.698.606-4.406 2.785Q4.025 9.217 4.025 12t1.709 4.962t4.407 2.796v-4.642q-.797-.552-1.302-1.36t-.506-1.766t.496-1.775t1.312-1.369zm4.416 8.63h6.419q-.315 3.222-2.58 5.487q-2.264 2.264-5.485 2.579v-6.454q.586-.203 1.004-.62q.417-.418.642-.991m.623 1q-.258.37-.568.688q-.311.318-.702.543v4.63q2.193-.504 3.766-2.086q1.573-1.583 2.096-3.775zm0 0"/></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 3.05q3.223.313 5.488 2.555t2.577 5.472h-6.42q-.224-.573-.648-.993t-.997-.624zm1 1.204v4.554q.39.244.717.561t.552.708h4.592q-.523-2.173-2.105-3.756q-1.583-1.582-3.756-2.067M11.14 3.05v6.401q-.823.293-1.315.998t-.492 1.555t.502 1.526t1.305.969v6.451q-3.465-.356-5.79-2.908t-2.325-6.044T5.35 5.936t5.79-2.886m-1 1.204q-2.698.606-4.406 2.785Q4.025 9.217 4.025 12t1.709 4.962t4.407 2.796v-4.642q-.797-.552-1.302-1.36t-.506-1.766t.496-1.775t1.312-1.369zm4.416 8.63h6.419q-.315 3.222-2.58 5.487q-2.264 2.264-5.485 2.579v-6.454q.586-.203 1.004-.62q.417-.418.642-.991m.623 1q-.258.37-.568.688q-.311.318-.702.543v4.63q2.193-.504 3.766-2.086q1.573-1.583 2.096-3.775zm0 0"/></svg>
</template>

CSS

.icon-donut-small-outline {
  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%203.05q3.223.313%205.488%202.555t2.577%205.472h-6.42q-.224-.573-.648-.993t-.997-.624zm1%201.204v4.554q.39.244.717.561t.552.708h4.592q-.523-2.173-2.105-3.756q-1.583-1.582-3.756-2.067M11.14%203.05v6.401q-.823.293-1.315.998t-.492%201.555t.502%201.526t1.305.969v6.451q-3.465-.356-5.79-2.908t-2.325-6.044T5.35%205.936t5.79-2.886m-1%201.204q-2.698.606-4.406%202.785Q4.025%209.217%204.025%2012t1.709%204.962t4.407%202.796v-4.642q-.797-.552-1.302-1.36t-.506-1.766t.496-1.775t1.312-1.369zm4.416%208.63h6.419q-.315%203.222-2.58%205.487q-2.264%202.264-5.485%202.579v-6.454q.586-.203%201.004-.62q.417-.418.642-.991m.623%201q-.258.37-.568.688q-.311.318-.702.543v4.63q2.193-.504%203.766-2.086q1.573-1.583%202.096-3.775zm0%200%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%203.05q3.223.313%205.488%202.555t2.577%205.472h-6.42q-.224-.573-.648-.993t-.997-.624zm1%201.204v4.554q.39.244.717.561t.552.708h4.592q-.523-2.173-2.105-3.756q-1.583-1.582-3.756-2.067M11.14%203.05v6.401q-.823.293-1.315.998t-.492%201.555t.502%201.526t1.305.969v6.451q-3.465-.356-5.79-2.908t-2.325-6.044T5.35%205.936t5.79-2.886m-1%201.204q-2.698.606-4.406%202.785Q4.025%209.217%204.025%2012t1.709%204.962t4.407%202.796v-4.642q-.797-.552-1.302-1.36t-.506-1.766t.496-1.775t1.312-1.369zm4.416%208.63h6.419q-.315%203.222-2.58%205.487q-2.264%202.264-5.485%202.579v-6.454q.586-.203%201.004-.62q.417-.418.642-.991m.623%201q-.258.37-.568.688q-.311.318-.702.543v4.63q2.193-.504%203.766-2.086q1.573-1.583%202.096-3.775zm0%200%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-outline.svg?color=%231a73e8&size=48