Asaas icon
thesvg-color:asaas
The Asaas icon (thesvg-color:asaas) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 100 × 17 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
- 100 × 17
- Tags
- asaa
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="17" viewBox="0 0 100 17"><path fill="#06f" d="m67.014 10.232l4.16-7.379l4.117 7.359c-1.168-.53-2.622-.796-4.2-.796c-1.475 0-2.889.266-4.077.816m-21.327 0l4.159-7.379l4.118 7.359c-1.168-.53-2.623-.796-4.2-.796c-1.475 0-2.889.266-4.077.816m-39.705 0l4.159-7.542l4.159 7.522c-1.168-.53-2.643-.795-4.22-.795c-1.476 0-2.91.265-4.099.815M100 12.067C100 15.165 97.152 17 92.05 17c-3.646 0-6.74-.673-9.915-2.67l1.045-1.855c2.97 1.875 5.511 2.527 8.85 2.527c3.709 0 5.655-1.08 5.655-2.976c0-1.528-1.414-2.16-4.2-2.446l-4.917-.489c-3.585-.347-5.859-1.712-5.859-4.22C82.708 1.897 85.925 0 91.026 0C94.2 0 96.72.611 99.24 2.18l-1.024 1.937C96.21 2.792 93.853 2.08 90.76 2.08c-3.606 0-5.737 1.14-5.737 2.711c0 1.488 1.537 2.059 3.77 2.283l5.02.49C97.85 7.95 100 9.396 100 12.066m-18.624 4.566L72.218.387H70.15l-9.138 16.246h2.459l1.004-1.855c1.168-2.16 3.196-3.302 6.617-3.302c3.422 0 5.573 1.121 6.761 3.323l.983 1.835zm-21.327 0L50.89.387h-2.07l-9.137 16.246h2.459l1.004-1.855c1.168-2.16 3.196-3.302 6.617-3.302s5.572 1.121 6.761 3.323l.983 1.835zm-21.062-4.566c0 3.098-2.848 4.933-7.949 4.933c-3.646 0-6.74-.673-9.916-2.67l1.045-1.855c2.971 1.875 5.512 2.527 8.851 2.527c3.708 0 5.654-1.08 5.654-2.976c0-1.528-1.413-2.16-4.2-2.446l-4.916-.489c-3.586-.347-5.86-1.712-5.86-4.22C21.697 1.897 24.914 0 30.015 0c3.176 0 5.695.611 8.216 2.18l-1.024 1.937c-2.008-1.325-4.364-2.038-7.458-2.038c-3.605 0-5.736 1.14-5.736 2.711c0 1.488 1.536 2.059 3.77 2.283l5.02.49c4.035.387 6.187 1.834 6.187 4.504M8.052 2.303L0 16.633h2.458l1.004-1.855c1.168-2.14 3.176-3.302 6.618-3.302c3.441 0 5.593 1.162 6.76 3.322l.984 1.835h2.54L11.801 1.427c-.41-.734-.983-1.04-1.926-1.04H2.97l1.054 1.072c.642.639 1.146.844 2.04.844z"/></svg>How to use the Asaas icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:asaas" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:asaas" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:asaas" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--asaas]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:asaas"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:asaas"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/asaas.svg" alt="Asaas icon" width="24" height="24">Asaas icon FAQ
Is the Asaas 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 Asaas icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:asaas" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Asaas icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/asaas.svg" alt="Asaas icon">, or paste the SVG code inline to style it with CSS.