arming-countdown from Material Symbols Light by Google · Regular · Home · Apache-2.0 Free for personal and commercial use.

Name
arming-countdown
Set
Material Symbols Light
Style
Regular
Category
Home
Viewbox
24×24
License
Apache 2.0
Aliases
arming-countdown-sharp

3 other variants in Material Symbols Light

The same icon in other sets

More home icons from Material Symbols Light

Use the arming countdown icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 15.5q1.664 0 2.832-1.168T16 11.5t-1.168-2.832T12 7.5v.885q1.308 0 2.212.903q.904.904.904 2.212t-.904 2.212t-2.212.904q-.787 0-1.47-.387q-.684-.387-1.141-1.035l-.723.495q.58.83 1.447 1.32T12 15.5m-3.558-3.015q.287 0 .5-.213t.212-.499t-.213-.499t-.499-.213q-.306 0-.508.203q-.203.203-.203.509t.203.509t.508.202m.992-2.283q.212-.203.212-.49q0-.305-.203-.518q-.202-.212-.508-.212t-.509.212t-.203.518q0 .287.213.49q.212.203.499.203q.286 0 .499-.203m.912-1.21q.287 0 .5-.213t.212-.5t-.213-.498t-.499-.213q-.305 0-.508.203t-.203.509t.203.508t.508.203M12 20.963q-3.014-.895-5.007-3.651T5 11.1V5.692l7-2.615l7 2.615V11.1q0 3.454-1.993 6.21T12 20.963"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightArmingCountdown(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 15.5q1.664 0 2.832-1.168T16 11.5t-1.168-2.832T12 7.5v.885q1.308 0 2.212.903q.904.904.904 2.212t-.904 2.212t-2.212.904q-.787 0-1.47-.387q-.684-.387-1.141-1.035l-.723.495q.58.83 1.447 1.32T12 15.5m-3.558-3.015q.287 0 .5-.213t.212-.499t-.213-.499t-.499-.213q-.306 0-.508.203q-.203.203-.203.509t.203.509t.508.202m.992-2.283q.212-.203.212-.49q0-.305-.203-.518q-.202-.212-.508-.212t-.509.212t-.203.518q0 .287.213.49q.212.203.499.203q.286 0 .499-.203m.912-1.21q.287 0 .5-.213t.212-.5t-.213-.498t-.499-.213q-.305 0-.508.203t-.203.509t.203.508t.508.203M12 20.963q-3.014-.895-5.007-3.651T5 11.1V5.692l7-2.615l7 2.615V11.1q0 3.454-1.993 6.21T12 20.963"/></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 15.5q1.664 0 2.832-1.168T16 11.5t-1.168-2.832T12 7.5v.885q1.308 0 2.212.903q.904.904.904 2.212t-.904 2.212t-2.212.904q-.787 0-1.47-.387q-.684-.387-1.141-1.035l-.723.495q.58.83 1.447 1.32T12 15.5m-3.558-3.015q.287 0 .5-.213t.212-.499t-.213-.499t-.499-.213q-.306 0-.508.203q-.203.203-.203.509t.203.509t.508.202m.992-2.283q.212-.203.212-.49q0-.305-.203-.518q-.202-.212-.508-.212t-.509.212t-.203.518q0 .287.213.49q.212.203.499.203q.286 0 .499-.203m.912-1.21q.287 0 .5-.213t.212-.5t-.213-.498t-.499-.213q-.305 0-.508.203t-.203.509t.203.508t.508.203M12 20.963q-3.014-.895-5.007-3.651T5 11.1V5.692l7-2.615l7 2.615V11.1q0 3.454-1.993 6.21T12 20.963"/></svg>
</template>

CSS

.icon-arming-countdown {
  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%2015.5q1.664%200%202.832-1.168T16%2011.5t-1.168-2.832T12%207.5v.885q1.308%200%202.212.903q.904.904.904%202.212t-.904%202.212t-2.212.904q-.787%200-1.47-.387q-.684-.387-1.141-1.035l-.723.495q.58.83%201.447%201.32T12%2015.5m-3.558-3.015q.287%200%20.5-.213t.212-.499t-.213-.499t-.499-.213q-.306%200-.508.203q-.203.203-.203.509t.203.509t.508.202m.992-2.283q.212-.203.212-.49q0-.305-.203-.518q-.202-.212-.508-.212t-.509.212t-.203.518q0%20.287.213.49q.212.203.499.203q.286%200%20.499-.203m.912-1.21q.287%200%20.5-.213t.212-.5t-.213-.498t-.499-.213q-.305%200-.508.203t-.203.509t.203.508t.508.203M12%2020.963q-3.014-.895-5.007-3.651T5%2011.1V5.692l7-2.615l7%202.615V11.1q0%203.454-1.993%206.21T12%2020.963%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%2015.5q1.664%200%202.832-1.168T16%2011.5t-1.168-2.832T12%207.5v.885q1.308%200%202.212.903q.904.904.904%202.212t-.904%202.212t-2.212.904q-.787%200-1.47-.387q-.684-.387-1.141-1.035l-.723.495q.58.83%201.447%201.32T12%2015.5m-3.558-3.015q.287%200%20.5-.213t.212-.499t-.213-.499t-.499-.213q-.306%200-.508.203q-.203.203-.203.509t.203.509t.508.202m.992-2.283q.212-.203.212-.49q0-.305-.203-.518q-.202-.212-.508-.212t-.509.212t-.203.518q0%20.287.213.49q.212.203.499.203q.286%200%20.499-.203m.912-1.21q.287%200%20.5-.213t.212-.5t-.213-.498t-.499-.213q-.305%200-.508.203t-.203.509t.203.508t.508.203M12%2020.963q-3.014-.895-5.007-3.651T5%2011.1V5.692l7-2.615l7%202.615V11.1q0%203.454-1.993%206.21T12%2020.963%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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