stopwatch 20 icon
stopwatch-20 from Font Awesome 6 Solid by Dave Gandy · Regular · Date & Time · CC-BY-4.0 Attribution required.
- Name
- stopwatch-20
- Set
- Font Awesome 6 Solid
- Style
- Regular
- Category
- Date & Time
- Viewbox
- 448×512
- License
- CC BY 4.0
The same icon in other sets
More date & time icons from Font Awesome 6 Solid
Use the stopwatch 20 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M176 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h16v34.4C92.3 113.8 16 200 16 304c0 114.9 93.1 208 208 208s208-93.1 208-208c0-41.8-12.3-80.7-33.5-113.2l24.1-24.1c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L355.7 143c-28.1-23-62.2-38.8-99.7-44.6V64h16c17.7 0 32-14.3 32-32S289.7 0 272 0zm112 204c28.7 0 52 23.3 52 52v96c0 28.7-23.3 52-52 52s-52-23.3-52-52v-96c0-28.7 23.3-52 52-52m-12 52v96c0 6.6 5.4 12 12 12s12-5.4 12-12v-96c0-6.6-5.4-12-12-12s-12 5.4-12 12m-116.5-12c-5.4 0-10.2 3.5-11.9 8.6l-.6 1.7c-3.5 10.5-14.8 16.1-25.3 12.6s-16.1-14.8-12.6-25.3l.6-1.7c7.2-21.5 27.2-35.9 49.8-35.9c29 0 52.5 23.5 52.5 52.5v2.2c0 13.4-4.9 26.4-13.8 36.4l-39 43.9c-6.2 7-10 15.7-10.9 24.9h43.8c11 0 20 9 20 20s-9 20-20 20h-64c-11 0-20-9-20-20v-15.7c0-20.6 7.5-40.4 21.2-55.8l39-43.9c2.4-2.7 3.7-6.2 3.7-9.8v-2.2c0-6.9-5.6-12.5-12.5-12.5"/></svg>
React
import type { SVGProps } from "react";
export function Fa6SolidStopwatch20(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M176 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h16v34.4C92.3 113.8 16 200 16 304c0 114.9 93.1 208 208 208s208-93.1 208-208c0-41.8-12.3-80.7-33.5-113.2l24.1-24.1c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L355.7 143c-28.1-23-62.2-38.8-99.7-44.6V64h16c17.7 0 32-14.3 32-32S289.7 0 272 0zm112 204c28.7 0 52 23.3 52 52v96c0 28.7-23.3 52-52 52s-52-23.3-52-52v-96c0-28.7 23.3-52 52-52m-12 52v96c0 6.6 5.4 12 12 12s12-5.4 12-12v-96c0-6.6-5.4-12-12-12s-12 5.4-12 12m-116.5-12c-5.4 0-10.2 3.5-11.9 8.6l-.6 1.7c-3.5 10.5-14.8 16.1-25.3 12.6s-16.1-14.8-12.6-25.3l.6-1.7c7.2-21.5 27.2-35.9 49.8-35.9c29 0 52.5 23.5 52.5 52.5v2.2c0 13.4-4.9 26.4-13.8 36.4l-39 43.9c-6.2 7-10 15.7-10.9 24.9h43.8c11 0 20 9 20 20s-9 20-20 20h-64c-11 0-20-9-20-20v-15.7c0-20.6 7.5-40.4 21.2-55.8l39-43.9c2.4-2.7 3.7-6.2 3.7-9.8v-2.2c0-6.9-5.6-12.5-12.5-12.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M176 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h16v34.4C92.3 113.8 16 200 16 304c0 114.9 93.1 208 208 208s208-93.1 208-208c0-41.8-12.3-80.7-33.5-113.2l24.1-24.1c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L355.7 143c-28.1-23-62.2-38.8-99.7-44.6V64h16c17.7 0 32-14.3 32-32S289.7 0 272 0zm112 204c28.7 0 52 23.3 52 52v96c0 28.7-23.3 52-52 52s-52-23.3-52-52v-96c0-28.7 23.3-52 52-52m-12 52v96c0 6.6 5.4 12 12 12s12-5.4 12-12v-96c0-6.6-5.4-12-12-12s-12 5.4-12 12m-116.5-12c-5.4 0-10.2 3.5-11.9 8.6l-.6 1.7c-3.5 10.5-14.8 16.1-25.3 12.6s-16.1-14.8-12.6-25.3l.6-1.7c7.2-21.5 27.2-35.9 49.8-35.9c29 0 52.5 23.5 52.5 52.5v2.2c0 13.4-4.9 26.4-13.8 36.4l-39 43.9c-6.2 7-10 15.7-10.9 24.9h43.8c11 0 20 9 20 20s-9 20-20 20h-64c-11 0-20-9-20-20v-15.7c0-20.6 7.5-40.4 21.2-55.8l39-43.9c2.4-2.7 3.7-6.2 3.7-9.8v-2.2c0-6.9-5.6-12.5-12.5-12.5"/></svg> </template>
CSS
.icon-stopwatch-20 {
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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M176%200c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032h16v34.4C92.3%20113.8%2016%20200%2016%20304c0%20114.9%2093.1%20208%20208%20208s208-93.1%20208-208c0-41.8-12.3-80.7-33.5-113.2l24.1-24.1c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L355.7%20143c-28.1-23-62.2-38.8-99.7-44.6V64h16c17.7%200%2032-14.3%2032-32S289.7%200%20272%200zm112%20204c28.7%200%2052%2023.3%2052%2052v96c0%2028.7-23.3%2052-52%2052s-52-23.3-52-52v-96c0-28.7%2023.3-52%2052-52m-12%2052v96c0%206.6%205.4%2012%2012%2012s12-5.4%2012-12v-96c0-6.6-5.4-12-12-12s-12%205.4-12%2012m-116.5-12c-5.4%200-10.2%203.5-11.9%208.6l-.6%201.7c-3.5%2010.5-14.8%2016.1-25.3%2012.6s-16.1-14.8-12.6-25.3l.6-1.7c7.2-21.5%2027.2-35.9%2049.8-35.9c29%200%2052.5%2023.5%2052.5%2052.5v2.2c0%2013.4-4.9%2026.4-13.8%2036.4l-39%2043.9c-6.2%207-10%2015.7-10.9%2024.9h43.8c11%200%2020%209%2020%2020s-9%2020-20%2020h-64c-11%200-20-9-20-20v-15.7c0-20.6%207.5-40.4%2021.2-55.8l39-43.9c2.4-2.7%203.7-6.2%203.7-9.8v-2.2c0-6.9-5.6-12.5-12.5-12.5%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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M176%200c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032h16v34.4C92.3%20113.8%2016%20200%2016%20304c0%20114.9%2093.1%20208%20208%20208s208-93.1%20208-208c0-41.8-12.3-80.7-33.5-113.2l24.1-24.1c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L355.7%20143c-28.1-23-62.2-38.8-99.7-44.6V64h16c17.7%200%2032-14.3%2032-32S289.7%200%20272%200zm112%20204c28.7%200%2052%2023.3%2052%2052v96c0%2028.7-23.3%2052-52%2052s-52-23.3-52-52v-96c0-28.7%2023.3-52%2052-52m-12%2052v96c0%206.6%205.4%2012%2012%2012s12-5.4%2012-12v-96c0-6.6-5.4-12-12-12s-12%205.4-12%2012m-116.5-12c-5.4%200-10.2%203.5-11.9%208.6l-.6%201.7c-3.5%2010.5-14.8%2016.1-25.3%2012.6s-16.1-14.8-12.6-25.3l.6-1.7c7.2-21.5%2027.2-35.9%2049.8-35.9c29%200%2052.5%2023.5%2052.5%2052.5v2.2c0%2013.4-4.9%2026.4-13.8%2036.4l-39%2043.9c-6.2%207-10%2015.7-10.9%2024.9h43.8c11%200%2020%209%2020%2020s-9%2020-20%2020h-64c-11%200-20-9-20-20v-15.7c0-20.6%207.5-40.4%2021.2-55.8l39-43.9c2.4-2.7%203.7-6.2%203.7-9.8v-2.2c0-6.9-5.6-12.5-12.5-12.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/stopwatch-20.svg?color=%231a73e8&size=48
