Smartbill icon
thesvg-color:smartbill
The Smartbill icon (thesvg-color:smartbill) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 239 × 239 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
- 239 × 239
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="239" height="239" viewBox="0 0 239 239"><path fill="#020044" d="m211.89 183.54l-28.35 28.35c-35.5 35.5-93.06 35.5-128.56 0l-28.35-28.35c-35.5-35.5-35.5-93.06 0-128.56l28.35-28.35c35.5-35.5 93.06-35.5 128.56 0l28.35 28.35c35.5 35.5 35.5 93.06 0 128.56"/><path fill="#39b54a" d="m104.63 197.322l5.983-26.585l7.835 1.764l-5.985 26.585z"/><path fill="#fff" d="m123.382 132.983l11.38-24.76l7.296 3.354l-11.38 24.76z"/><path fill="#8cc63f" d="m87.605 187.665l16.28-21.852l6.439 4.797l-16.28 21.852z"/><path fill="#d9e021" d="m76.013 171.93l23.762-13.342l3.932 7.002l-23.762 13.341z"/><path fill="#fcee21" d="m71.795 152.82l27.133-2.524l.744 7.995l-27.133 2.524z"/><path fill="#009245" d="m118.758 172.52l7.874-1.576l5.347 26.722l-7.874 1.575z"/><path fill="#006837" d="m126.913 170.816l6.553-4.642l15.753 22.236l-6.553 4.642z"/><path fill="#22b573" d="m133.658 165.943l4.098-6.906l23.435 13.906l-4.098 6.906z"/><path fill="#00a99d" d="m137.856 158.752l.935-7.975l27.065 3.172l-.935 7.975z"/><path fill="#29abe2" d="m136.376 142.802l26.016-8.11l2.39 7.667l-26.016 8.11z"/><path fill="#82d6f4" d="m130.923 136.52l20.467-17.991l5.302 6.031l-20.468 17.99z"/><path fill="#39b54a" d="m120.065 65.967l5.985-26.586l7.834 1.764L127.9 67.73z"/><path fill="#fff" d="m96.458 126.888l11.377-24.762l7.297 3.353l-11.377 24.762z"/><path fill="#8cc63f" d="m128.169 67.86l16.28-21.852l6.438 4.797l-16.279 21.851z"/><path fill="#d9e021" d="m134.827 72.884l23.762-13.341l3.932 7.002l-23.762 13.341z"/><path fill="#fcee21" d="m138.836 80.169l27.133-2.523l.743 7.995l-27.132 2.523z"/><path fill="#009245" d="m106.55 40.826l7.873-1.576l5.347 26.722l-7.874 1.575z"/><path fill="#006837" d="m89.308 50.069l6.552-4.642l15.754 22.236l-6.553 4.642z"/><path fill="#22b573" d="m77.321 65.524l4.098-6.906l23.435 13.906l-4.098 6.906z"/><path fill="#00a99d" d="m72.664 84.523l.935-7.975l27.064 3.172l-.934 7.975z"/><path fill="#29abe2" d="m73.747 96.101l26.015-8.11l2.39 7.667l-26.016 8.11z"/><path fill="#82d6f4" d="m81.822 113.912l20.465-17.993l5.302 6.03l-20.464 17.994z"/><path fill="#fff" d="M123.09 132.9h.04l.33-27.24l-8.03-.1v.01h-.05l-.32 27.24l8.03.1z"/></svg>How to use the Smartbill icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:smartbill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:smartbill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:smartbill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--smartbill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:smartbill"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:smartbill"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/smartbill.svg" alt="Smartbill icon" width="24" height="24">Smartbill icon FAQ
Is the Smartbill 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 Smartbill icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:smartbill" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Smartbill icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/smartbill.svg" alt="Smartbill icon">, or paste the SVG code inline to style it with CSS.