Bonusly icon
thesvg-color:bonusly
The Bonusly icon (thesvg-color:bonusly) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 35 × 32 grid. theSVG Color icons are released under the MIT 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
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 35 × 32
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="32" viewBox="0 0 35 32"><path fill="#22b94f" d="M4.221 4.442a.31.31 0 0 1 .354.307v5.45c0 5.804.294 15.621 10.388 15.621c6.218 0 10.398-4.972 10.398-10.8c0-5.83-5.027-10.16-11.285-10.16c-.768 0-1.39.621-1.39 1.388v3.777l1.817-.004c4.262 0 5.707 3.196 5.707 4.998c0 3.379-2.233 5.595-5.015 5.595c-3.476 0-5.483-2.773-5.483-5.637V2.893A2.9 2.9 0 0 1 12.61 0c17.828 0 22.233 6.794 22.233 11.336C34.843 22.877 21.485 32 12.798 32C2.225 32 0 22.12 0 14.951c0-8.13 2.427-10.27 4.221-10.51"/></svg>How to use the Bonusly icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:bonusly" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:bonusly" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:bonusly" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--bonusly]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:bonusly"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:bonusly"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/bonusly.svg" alt="Bonusly icon" width="24" height="24">Bonusly icon FAQ
Is the Bonusly icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Bonusly icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:bonusly" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Bonusly icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/bonusly.svg" alt="Bonusly icon">, or paste the SVG code inline to style it with CSS.