Wearos icon
logos:wearos
The Wearos icon (logos:wearos) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 196 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 196
- Tags
- wearo
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="196" 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>How to use the Wearos icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:wearos" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:wearos" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:wearos" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--wearos]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:wearos"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:wearos"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/wearos.svg" alt="Wearos icon" width="24" height="24">Wearos icon in other icon sets
Wearos icon FAQ
Is the Wearos icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Wearos icon in React?
Install @iconify/react and render <Icon icon="logos:wearos" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Wearos icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/wearos.svg" alt="Wearos icon">, or paste the SVG code inline to style it with CSS.