stagetimer logo

stagetimer from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
stagetimer
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the stagetimer logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.127 2.639c0 .821.662 1.475 1.464 1.644a7.83 7.83 0 0 1 6.201 7.666c0 4.326-3.499 7.833-7.815 7.833a7.77 7.77 0 0 1-3.932-1.062c-.716-.419-1.66-.372-2.207.253l-.794.906c-.549.625-.491 1.586.196 2.053A11.95 11.95 0 0 0 11.977 24C18.617 24 24 18.605 24 11.949C24 5.86 19.495.826 13.644.013c-.829-.116-1.517.571-1.517 1.411zM2.01 15.376c-.8.27-1.236 1.135-.866 1.886q.383.777.871 1.492c.473.693 1.449.752 2.085.202l.921-.797c.636-.551.686-1.502.26-2.224l-.035-.06c-.419-.726-1.277-1.158-2.077-.889zm-.322-1.384c-.807.162-1.6-.369-1.658-1.198q-.06-.857 0-1.714c.058-.829.851-1.36 1.658-1.198l1.168.233c.807.162 1.316.957 1.312 1.788v.068c.004.831-.505 1.626-1.312 1.787z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsStagetimer(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.127 2.639c0 .821.662 1.475 1.464 1.644a7.83 7.83 0 0 1 6.201 7.666c0 4.326-3.499 7.833-7.815 7.833a7.77 7.77 0 0 1-3.932-1.062c-.716-.419-1.66-.372-2.207.253l-.794.906c-.549.625-.491 1.586.196 2.053A11.95 11.95 0 0 0 11.977 24C18.617 24 24 18.605 24 11.949C24 5.86 19.495.826 13.644.013c-.829-.116-1.517.571-1.517 1.411zM2.01 15.376c-.8.27-1.236 1.135-.866 1.886q.383.777.871 1.492c.473.693 1.449.752 2.085.202l.921-.797c.636-.551.686-1.502.26-2.224l-.035-.06c-.419-.726-1.277-1.158-2.077-.889zm-.322-1.384c-.807.162-1.6-.369-1.658-1.198q-.06-.857 0-1.714c.058-.829.851-1.36 1.658-1.198l1.168.233c.807.162 1.316.957 1.312 1.788v.068c.004.831-.505 1.626-1.312 1.787z"/></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.127 2.639c0 .821.662 1.475 1.464 1.644a7.83 7.83 0 0 1 6.201 7.666c0 4.326-3.499 7.833-7.815 7.833a7.77 7.77 0 0 1-3.932-1.062c-.716-.419-1.66-.372-2.207.253l-.794.906c-.549.625-.491 1.586.196 2.053A11.95 11.95 0 0 0 11.977 24C18.617 24 24 18.605 24 11.949C24 5.86 19.495.826 13.644.013c-.829-.116-1.517.571-1.517 1.411zM2.01 15.376c-.8.27-1.236 1.135-.866 1.886q.383.777.871 1.492c.473.693 1.449.752 2.085.202l.921-.797c.636-.551.686-1.502.26-2.224l-.035-.06c-.419-.726-1.277-1.158-2.077-.889zm-.322-1.384c-.807.162-1.6-.369-1.658-1.198q-.06-.857 0-1.714c.058-.829.851-1.36 1.658-1.198l1.168.233c.807.162 1.316.957 1.312 1.788v.068c.004.831-.505 1.626-1.312 1.787z"/></svg>
</template>

CSS

.icon-stagetimer {
  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.127%202.639c0%20.821.662%201.475%201.464%201.644a7.83%207.83%200%200%201%206.201%207.666c0%204.326-3.499%207.833-7.815%207.833a7.77%207.77%200%200%201-3.932-1.062c-.716-.419-1.66-.372-2.207.253l-.794.906c-.549.625-.491%201.586.196%202.053A11.95%2011.95%200%200%200%2011.977%2024C18.617%2024%2024%2018.605%2024%2011.949C24%205.86%2019.495.826%2013.644.013c-.829-.116-1.517.571-1.517%201.411zM2.01%2015.376c-.8.27-1.236%201.135-.866%201.886q.383.777.871%201.492c.473.693%201.449.752%202.085.202l.921-.797c.636-.551.686-1.502.26-2.224l-.035-.06c-.419-.726-1.277-1.158-2.077-.889zm-.322-1.384c-.807.162-1.6-.369-1.658-1.198q-.06-.857%200-1.714c.058-.829.851-1.36%201.658-1.198l1.168.233c.807.162%201.316.957%201.312%201.788v.068c.004.831-.505%201.626-1.312%201.787z%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.127%202.639c0%20.821.662%201.475%201.464%201.644a7.83%207.83%200%200%201%206.201%207.666c0%204.326-3.499%207.833-7.815%207.833a7.77%207.77%200%200%201-3.932-1.062c-.716-.419-1.66-.372-2.207.253l-.794.906c-.549.625-.491%201.586.196%202.053A11.95%2011.95%200%200%200%2011.977%2024C18.617%2024%2024%2018.605%2024%2011.949C24%205.86%2019.495.826%2013.644.013c-.829-.116-1.517.571-1.517%201.411zM2.01%2015.376c-.8.27-1.236%201.135-.866%201.886q.383.777.871%201.492c.473.693%201.449.752%202.085.202l.921-.797c.636-.551.686-1.502.26-2.224l-.035-.06c-.419-.726-1.277-1.158-2.077-.889zm-.322-1.384c-.807.162-1.6-.369-1.658-1.198q-.06-.857%200-1.714c.058-.829.851-1.36%201.658-1.198l1.168.233c.807.162%201.316.957%201.312%201.788v.068c.004.831-.505%201.626-1.312%201.787z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/stagetimer.svg?color=%231a73e8&size=48