wearos logo

wearos from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
wearos
Set
SVG Logos
Style
Color
Viewbox
256×196
License
CC0

The same logo in other sets

wearosSimple Icons

Use the wearos logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 196"><circle cx="201.603" cy="79.759" r="26.544" fill="#00a94b"/><circle cx="231.199" cy="25.201" r="24.799" fill="#ff4131"/><path fill="#ffbc00" d="M166.502 195.635c-9.483 0-18.586-5.505-22.673-14.716L78.805 34.902c-5.56-12.536.055-27.197 12.59-32.757c12.537-5.56 27.198.055 32.758 12.59l65.023 146.018c5.56 12.536-.054 27.197-12.59 32.757c-3.27 1.471-6.704 2.125-10.084 2.125"/><path fill="#0085f7" d="M89.76 195.254c-10.355 0-20.22-5.996-24.69-16.024L2.336 38.282c-6.05-13.627.054-29.596 13.68-35.646s29.596.054 35.646 13.68l62.734 140.948c6.05 13.626-.054 29.596-13.68 35.646a27 27 0 0 1-10.956 2.344"/></svg>

React

import type { SVGProps } from "react";

export function LogosWearos(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 196"><circle cx="201.603" cy="79.759" r="26.544" fill="#00a94b"/><circle cx="231.199" cy="25.201" r="24.799" fill="#ff4131"/><path fill="#ffbc00" d="M166.502 195.635c-9.483 0-18.586-5.505-22.673-14.716L78.805 34.902c-5.56-12.536.055-27.197 12.59-32.757c12.537-5.56 27.198.055 32.758 12.59l65.023 146.018c5.56 12.536-.054 27.197-12.59 32.757c-3.27 1.471-6.704 2.125-10.084 2.125"/><path fill="#0085f7" d="M89.76 195.254c-10.355 0-20.22-5.996-24.69-16.024L2.336 38.282c-6.05-13.627.054-29.596 13.68-35.646s29.596.054 35.646 13.68l62.734 140.948c6.05 13.626-.054 29.596-13.68 35.646a27 27 0 0 1-10.956 2.344"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 196"><circle cx="201.603" cy="79.759" r="26.544" fill="#00a94b"/><circle cx="231.199" cy="25.201" r="24.799" fill="#ff4131"/><path fill="#ffbc00" d="M166.502 195.635c-9.483 0-18.586-5.505-22.673-14.716L78.805 34.902c-5.56-12.536.055-27.197 12.59-32.757c12.537-5.56 27.198.055 32.758 12.59l65.023 146.018c5.56 12.536-.054 27.197-12.59 32.757c-3.27 1.471-6.704 2.125-10.084 2.125"/><path fill="#0085f7" d="M89.76 195.254c-10.355 0-20.22-5.996-24.69-16.024L2.336 38.282c-6.05-13.627.054-29.596 13.68-35.646s29.596.054 35.646 13.68l62.734 140.948c6.05 13.626-.054 29.596-13.68 35.646a27 27 0 0 1-10.956 2.344"/></svg>
</template>

CSS

.icon-wearos {
  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%20256%20196%22%3E%3Ccircle%20cx%3D%22201.603%22%20cy%3D%2279.759%22%20r%3D%2226.544%22%20fill%3D%22%2300a94b%22%2F%3E%3Ccircle%20cx%3D%22231.199%22%20cy%3D%2225.201%22%20r%3D%2224.799%22%20fill%3D%22%23ff4131%22%2F%3E%3Cpath%20fill%3D%22%23ffbc00%22%20d%3D%22M166.502%20195.635c-9.483%200-18.586-5.505-22.673-14.716L78.805%2034.902c-5.56-12.536.055-27.197%2012.59-32.757c12.537-5.56%2027.198.055%2032.758%2012.59l65.023%20146.018c5.56%2012.536-.054%2027.197-12.59%2032.757c-3.27%201.471-6.704%202.125-10.084%202.125%22%2F%3E%3Cpath%20fill%3D%22%230085f7%22%20d%3D%22M89.76%20195.254c-10.355%200-20.22-5.996-24.69-16.024L2.336%2038.282c-6.05-13.627.054-29.596%2013.68-35.646s29.596.054%2035.646%2013.68l62.734%20140.948c6.05%2013.626-.054%2029.596-13.68%2035.646a27%2027%200%200%201-10.956%202.344%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%20256%20196%22%3E%3Ccircle%20cx%3D%22201.603%22%20cy%3D%2279.759%22%20r%3D%2226.544%22%20fill%3D%22%2300a94b%22%2F%3E%3Ccircle%20cx%3D%22231.199%22%20cy%3D%2225.201%22%20r%3D%2224.799%22%20fill%3D%22%23ff4131%22%2F%3E%3Cpath%20fill%3D%22%23ffbc00%22%20d%3D%22M166.502%20195.635c-9.483%200-18.586-5.505-22.673-14.716L78.805%2034.902c-5.56-12.536.055-27.197%2012.59-32.757c12.537-5.56%2027.198.055%2032.758%2012.59l65.023%20146.018c5.56%2012.536-.054%2027.197-12.59%2032.757c-3.27%201.471-6.704%202.125-10.084%202.125%22%2F%3E%3Cpath%20fill%3D%22%230085f7%22%20d%3D%22M89.76%20195.254c-10.355%200-20.22-5.996-24.69-16.024L2.336%2038.282c-6.05-13.627.054-29.596%2013.68-35.646s29.596.054%2035.646%2013.68l62.734%20140.948c6.05%2013.626-.054%2029.596-13.68%2035.646a27%2027%200%200%201-10.956%202.344%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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