steadybit logo

steadybit from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.

Name
steadybit
Set
Material Icon Theme
Style
Color
Viewbox
24×24
License
MIT

Use the steadybit logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#e53935" d="M19.2 10.7c-.2 0-.3 0-.5.1L16.3 7c.6-.5 1.1-1.3 1.1-2.2c0-1.6-1.3-3-3-3s-3 1.3-3 3c0 .3 0 .5.1.8L7 7.9c-.5-.6-1.3-1-2.2-1c-1.6 0-3 1.3-3 3s1.3 3 3 3c.2 0 .4 0 .6-.1l2.3 4.3c-.6.5-.9 1.3-.9 2.1c0 1.6 1.3 3 3 3s3-1.3 3-3c0-.2 0-.4-.1-.6l4.2-3.1c.5.7 1.4 1.1 2.3 1.1c1.6 0 3-1.3 3-3s-1.4-2.9-3-2.9m-4.8-6.9c.6 0 1 .5 1 1c0 .6-.5 1-1 1s-1-.5-1-1c0-.6.4-1 1-1m-9.6 7.1c-.6 0-1-.5-1-1c0-.6.5-1 1-1s1 .5 1 1c.1.6-.4 1-1 1m2 1.2c.6-.5 1-1.3 1-2.2c0-.3 0-.5-.1-.7l4.5-2.4c.2.2.4.4.7.5l-2.8 9h-.3c-.3 0-.6.1-.8.1zm3 8.2c-.6 0-1-.5-1-1c0-.6.5-1 1-1s1 .5 1 1s-.4 1-1 1m6.4-6.6c0 .2 0 .3.1.5l-4.2 3.1l-.6-.6l2.9-9h.1c.2 0 .4 0 .6-.1l2.3 3.7c-.7.6-1.2 1.5-1.2 2.4m3 1c-.6 0-1-.5-1-1c0-.6.5-1 1-1s1 .5 1 1c0 .6-.5 1-1 1"/></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeSteadybit(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#e53935" d="M19.2 10.7c-.2 0-.3 0-.5.1L16.3 7c.6-.5 1.1-1.3 1.1-2.2c0-1.6-1.3-3-3-3s-3 1.3-3 3c0 .3 0 .5.1.8L7 7.9c-.5-.6-1.3-1-2.2-1c-1.6 0-3 1.3-3 3s1.3 3 3 3c.2 0 .4 0 .6-.1l2.3 4.3c-.6.5-.9 1.3-.9 2.1c0 1.6 1.3 3 3 3s3-1.3 3-3c0-.2 0-.4-.1-.6l4.2-3.1c.5.7 1.4 1.1 2.3 1.1c1.6 0 3-1.3 3-3s-1.4-2.9-3-2.9m-4.8-6.9c.6 0 1 .5 1 1c0 .6-.5 1-1 1s-1-.5-1-1c0-.6.4-1 1-1m-9.6 7.1c-.6 0-1-.5-1-1c0-.6.5-1 1-1s1 .5 1 1c.1.6-.4 1-1 1m2 1.2c.6-.5 1-1.3 1-2.2c0-.3 0-.5-.1-.7l4.5-2.4c.2.2.4.4.7.5l-2.8 9h-.3c-.3 0-.6.1-.8.1zm3 8.2c-.6 0-1-.5-1-1c0-.6.5-1 1-1s1 .5 1 1s-.4 1-1 1m6.4-6.6c0 .2 0 .3.1.5l-4.2 3.1l-.6-.6l2.9-9h.1c.2 0 .4 0 .6-.1l2.3 3.7c-.7.6-1.2 1.5-1.2 2.4m3 1c-.6 0-1-.5-1-1c0-.6.5-1 1-1s1 .5 1 1c0 .6-.5 1-1 1"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#e53935" d="M19.2 10.7c-.2 0-.3 0-.5.1L16.3 7c.6-.5 1.1-1.3 1.1-2.2c0-1.6-1.3-3-3-3s-3 1.3-3 3c0 .3 0 .5.1.8L7 7.9c-.5-.6-1.3-1-2.2-1c-1.6 0-3 1.3-3 3s1.3 3 3 3c.2 0 .4 0 .6-.1l2.3 4.3c-.6.5-.9 1.3-.9 2.1c0 1.6 1.3 3 3 3s3-1.3 3-3c0-.2 0-.4-.1-.6l4.2-3.1c.5.7 1.4 1.1 2.3 1.1c1.6 0 3-1.3 3-3s-1.4-2.9-3-2.9m-4.8-6.9c.6 0 1 .5 1 1c0 .6-.5 1-1 1s-1-.5-1-1c0-.6.4-1 1-1m-9.6 7.1c-.6 0-1-.5-1-1c0-.6.5-1 1-1s1 .5 1 1c.1.6-.4 1-1 1m2 1.2c.6-.5 1-1.3 1-2.2c0-.3 0-.5-.1-.7l4.5-2.4c.2.2.4.4.7.5l-2.8 9h-.3c-.3 0-.6.1-.8.1zm3 8.2c-.6 0-1-.5-1-1c0-.6.5-1 1-1s1 .5 1 1s-.4 1-1 1m6.4-6.6c0 .2 0 .3.1.5l-4.2 3.1l-.6-.6l2.9-9h.1c.2 0 .4 0 .6-.1l2.3 3.7c-.7.6-1.2 1.5-1.2 2.4m3 1c-.6 0-1-.5-1-1c0-.6.5-1 1-1s1 .5 1 1c0 .6-.5 1-1 1"/></svg>
</template>

CSS

.icon-steadybit {
  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%22%23e53935%22%20d%3D%22M19.2%2010.7c-.2%200-.3%200-.5.1L16.3%207c.6-.5%201.1-1.3%201.1-2.2c0-1.6-1.3-3-3-3s-3%201.3-3%203c0%20.3%200%20.5.1.8L7%207.9c-.5-.6-1.3-1-2.2-1c-1.6%200-3%201.3-3%203s1.3%203%203%203c.2%200%20.4%200%20.6-.1l2.3%204.3c-.6.5-.9%201.3-.9%202.1c0%201.6%201.3%203%203%203s3-1.3%203-3c0-.2%200-.4-.1-.6l4.2-3.1c.5.7%201.4%201.1%202.3%201.1c1.6%200%203-1.3%203-3s-1.4-2.9-3-2.9m-4.8-6.9c.6%200%201%20.5%201%201c0%20.6-.5%201-1%201s-1-.5-1-1c0-.6.4-1%201-1m-9.6%207.1c-.6%200-1-.5-1-1c0-.6.5-1%201-1s1%20.5%201%201c.1.6-.4%201-1%201m2%201.2c.6-.5%201-1.3%201-2.2c0-.3%200-.5-.1-.7l4.5-2.4c.2.2.4.4.7.5l-2.8%209h-.3c-.3%200-.6.1-.8.1zm3%208.2c-.6%200-1-.5-1-1c0-.6.5-1%201-1s1%20.5%201%201s-.4%201-1%201m6.4-6.6c0%20.2%200%20.3.1.5l-4.2%203.1l-.6-.6l2.9-9h.1c.2%200%20.4%200%20.6-.1l2.3%203.7c-.7.6-1.2%201.5-1.2%202.4m3%201c-.6%200-1-.5-1-1c0-.6.5-1%201-1s1%20.5%201%201c0%20.6-.5%201-1%201%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%22%23e53935%22%20d%3D%22M19.2%2010.7c-.2%200-.3%200-.5.1L16.3%207c.6-.5%201.1-1.3%201.1-2.2c0-1.6-1.3-3-3-3s-3%201.3-3%203c0%20.3%200%20.5.1.8L7%207.9c-.5-.6-1.3-1-2.2-1c-1.6%200-3%201.3-3%203s1.3%203%203%203c.2%200%20.4%200%20.6-.1l2.3%204.3c-.6.5-.9%201.3-.9%202.1c0%201.6%201.3%203%203%203s3-1.3%203-3c0-.2%200-.4-.1-.6l4.2-3.1c.5.7%201.4%201.1%202.3%201.1c1.6%200%203-1.3%203-3s-1.4-2.9-3-2.9m-4.8-6.9c.6%200%201%20.5%201%201c0%20.6-.5%201-1%201s-1-.5-1-1c0-.6.4-1%201-1m-9.6%207.1c-.6%200-1-.5-1-1c0-.6.5-1%201-1s1%20.5%201%201c.1.6-.4%201-1%201m2%201.2c.6-.5%201-1.3%201-2.2c0-.3%200-.5-.1-.7l4.5-2.4c.2.2.4.4.7.5l-2.8%209h-.3c-.3%200-.6.1-.8.1zm3%208.2c-.6%200-1-.5-1-1c0-.6.5-1%201-1s1%20.5%201%201s-.4%201-1%201m6.4-6.6c0%20.2%200%20.3.1.5l-4.2%203.1l-.6-.6l2.9-9h.1c.2%200%20.4%200%20.6-.1l2.3%203.7c-.7.6-1.2%201.5-1.2%202.4m3%201c-.6%200-1-.5-1-1c0-.6.5-1%201-1s1%20.5%201%201c0%20.6-.5%201-1%201%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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