ios stopwatch icon
ios-stopwatch-outline from IonIcons by Ben Sperry · Outline · MIT Free for personal and commercial use.
- Name
- ios-stopwatch-outline
- Set
- IonIcons
- Style
- Outline
- Viewbox
- 512×512
- License
- MIT
1 other variant in IonIcons
Related icons in IonIcons
ios-addios-add-circleios-airplaneios-alarmios-albumsios-alertios-american-footballios-americanfootballios-analyticsios-apertureios-appsios-appstoreios-archiveios-arrow-backios-arrow-downios-arrow-dropdownios-arrow-dropdown-circleios-arrow-dropleftios-arrow-dropleft-circleios-arrow-droprightios-arrow-dropright-circleios-arrow-dropupios-arrow-dropup-circleios-arrow-forward
Use the ios stopwatch icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M397.6 146.7l-1.8-1.7h18.4l8.5 7.8 22.5-22.8-40.8-40.3-23.2 22.3 8.8 9.2v18.6l-5-4.7c-31.3-28.3-70-45.2-113-48.9V48h-32v38h-2c-43.7 3-85 22.5-116 53v-17.8l8.9-9.2L108 89.8 67.2 130l22.5 22.8 8.5-7.8H116c-.3 0-.7.7-1 1.1-32.8 35.1-51 80.9-51 128.5C64 379 150.1 464 256.1 464 361.9 464 448 379.1 448 274.7c0-47.6-18-93.1-50.4-128zm-141.3 299c-95.5 0-173.1-76.7-173.1-170.9 0-94.3 77.7-170.9 173.1-170.9 95.5 0 173.1 76.7 173.1 170.9.1 94.2-77.6 170.9-173.1 170.9z" fill="currentColor"/><path d="M264 257.3V128h-16v129.4c-12.5 4.3-24 16.5-24 30.3 0 14.7 10 27 24 30.5l8 17.8 8-17.8c14-3.5 24-15.8 24-30.5 0-14.5-10.5-26.7-24-30.4z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosStopwatchOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M397.6 146.7l-1.8-1.7h18.4l8.5 7.8 22.5-22.8-40.8-40.3-23.2 22.3 8.8 9.2v18.6l-5-4.7c-31.3-28.3-70-45.2-113-48.9V48h-32v38h-2c-43.7 3-85 22.5-116 53v-17.8l8.9-9.2L108 89.8 67.2 130l22.5 22.8 8.5-7.8H116c-.3 0-.7.7-1 1.1-32.8 35.1-51 80.9-51 128.5C64 379 150.1 464 256.1 464 361.9 464 448 379.1 448 274.7c0-47.6-18-93.1-50.4-128zm-141.3 299c-95.5 0-173.1-76.7-173.1-170.9 0-94.3 77.7-170.9 173.1-170.9 95.5 0 173.1 76.7 173.1 170.9.1 94.2-77.6 170.9-173.1 170.9z" fill="currentColor"/><path d="M264 257.3V128h-16v129.4c-12.5 4.3-24 16.5-24 30.3 0 14.7 10 27 24 30.5l8 17.8 8-17.8c14-3.5 24-15.8 24-30.5 0-14.5-10.5-26.7-24-30.4z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M397.6 146.7l-1.8-1.7h18.4l8.5 7.8 22.5-22.8-40.8-40.3-23.2 22.3 8.8 9.2v18.6l-5-4.7c-31.3-28.3-70-45.2-113-48.9V48h-32v38h-2c-43.7 3-85 22.5-116 53v-17.8l8.9-9.2L108 89.8 67.2 130l22.5 22.8 8.5-7.8H116c-.3 0-.7.7-1 1.1-32.8 35.1-51 80.9-51 128.5C64 379 150.1 464 256.1 464 361.9 464 448 379.1 448 274.7c0-47.6-18-93.1-50.4-128zm-141.3 299c-95.5 0-173.1-76.7-173.1-170.9 0-94.3 77.7-170.9 173.1-170.9 95.5 0 173.1 76.7 173.1 170.9.1 94.2-77.6 170.9-173.1 170.9z" fill="currentColor"/><path d="M264 257.3V128h-16v129.4c-12.5 4.3-24 16.5-24 30.3 0 14.7 10 27 24 30.5l8 17.8 8-17.8c14-3.5 24-15.8 24-30.5 0-14.5-10.5-26.7-24-30.4z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-stopwatch-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%20512%20512%22%3E%3Cpath%20d%3D%22M397.6%20146.7l-1.8-1.7h18.4l8.5%207.8%2022.5-22.8-40.8-40.3-23.2%2022.3%208.8%209.2v18.6l-5-4.7c-31.3-28.3-70-45.2-113-48.9V48h-32v38h-2c-43.7%203-85%2022.5-116%2053v-17.8l8.9-9.2L108%2089.8%2067.2%20130l22.5%2022.8%208.5-7.8H116c-.3%200-.7.7-1%201.1-32.8%2035.1-51%2080.9-51%20128.5C64%20379%20150.1%20464%20256.1%20464%20361.9%20464%20448%20379.1%20448%20274.7c0-47.6-18-93.1-50.4-128zm-141.3%20299c-95.5%200-173.1-76.7-173.1-170.9%200-94.3%2077.7-170.9%20173.1-170.9%2095.5%200%20173.1%2076.7%20173.1%20170.9.1%2094.2-77.6%20170.9-173.1%20170.9z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M264%20257.3V128h-16v129.4c-12.5%204.3-24%2016.5-24%2030.3%200%2014.7%2010%2027%2024%2030.5l8%2017.8%208-17.8c14-3.5%2024-15.8%2024-30.5%200-14.5-10.5-26.7-24-30.4z%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20d%3D%22M397.6%20146.7l-1.8-1.7h18.4l8.5%207.8%2022.5-22.8-40.8-40.3-23.2%2022.3%208.8%209.2v18.6l-5-4.7c-31.3-28.3-70-45.2-113-48.9V48h-32v38h-2c-43.7%203-85%2022.5-116%2053v-17.8l8.9-9.2L108%2089.8%2067.2%20130l22.5%2022.8%208.5-7.8H116c-.3%200-.7.7-1%201.1-32.8%2035.1-51%2080.9-51%20128.5C64%20379%20150.1%20464%20256.1%20464%20361.9%20464%20448%20379.1%20448%20274.7c0-47.6-18-93.1-50.4-128zm-141.3%20299c-95.5%200-173.1-76.7-173.1-170.9%200-94.3%2077.7-170.9%20173.1-170.9%2095.5%200%20173.1%2076.7%20173.1%20170.9.1%2094.2-77.6%20170.9-173.1%20170.9z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M264%20257.3V128h-16v129.4c-12.5%204.3-24%2016.5-24%2030.3%200%2014.7%2010%2027%2024%2030.5l8%2017.8%208-17.8c14-3.5%2024-15.8%2024-30.5%200-14.5-10.5-26.7-24-30.4z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/ios-stopwatch-outline.svg?color=%231a73e8&size=48
