Back to Explorer
16 - 512
0.5 - 4.0
Save to
notificationoutline
md do disturb off
Designed by Google Material
Developer Export Center
Code snippets update in real-time as you customize the playground.
const MdDoDisturbOffIcon = (props) => (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="24"
height="24"
fill="none"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
{...props}
>
<path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 4c4.41 0 8 3.59 8 8 0 1.41-.37 2.73-1.01 3.88l1.46 1.46C21.43 15.79 22 13.96 22 12c0-5.52-4.48-10-10-10-1.96 0-3.79.57-5.33 1.55l1.46 1.46C9.27 4.37 10.59 4 12 4zm5 7h-2.88l2 2H17zM2.41 2.13L1 3.54l2.78 2.78C2.66 7.93 2 9.89 2 12c0 5.52 4.48 10 10 10 2.11 0 4.07-.66 5.68-1.78L20.46 23l1.41-1.41L2.41 2.13zM12 20c-4.41 0-8-3.59-8-8 0-1.56.45-3 1.23-4.23L8.46 11H7v2h3.46l5.77 5.77C15 19.55 13.56 20 12 20z"/>
</svg>
);SVG Optimizer
Before
0.64 KB
↓
After
0.63 KB
Tags
accessibilityactiveallow notificationsavailablebarcancelcircleclosedenieddenydiagonal linedisableddisturbdisturb offdnd offdodo not disturb offenabledfocus offinactiveno alertsnot silencednotifications offoffoff stateonoptionsquiet mode offreceive alertsremoveringingsettingssilencesilent mode offslashsound onstoptoggle offturn off dndturn off quiet modeturn off silentuninterruptedvolume on
Compare Alternatives
See how other libraries approach this concept.