Axure icon

thesvg-color:axure

The Axure icon (thesvg-color:axure) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 336 × 80 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: 336 × 80

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="336" height="80" viewBox="0 0 336 80"><g fill="none" fill-rule="evenodd"><path fill="#272727" d="M326.63 19.441c-13.71 0-21.455 2.647-25.902 8.85c-4.646 6.479-5.58 16.706-5.58 31.11c0 28.276 4.375 40.096 31.482 40.096c3.256 0 14.385-.062 20.882-.855c2.528-.419 3.66-2.355 3.66-4.087v-3.123c0-2.43-1.836-4.264-4.273-4.264h-20.27c-15.294 0-18.052-3.605-18.444-24.101v-6.635c.13-20.974 2.888-24.662 18.445-24.662c14.345 0 17.096 3.273 17.573 21.738h-22.794v12.466h29.98c5.905 0 5.905-4.13 5.905-5.486v-3.98c-.428-28.753-7.307-37.067-30.664-37.067m-39.476 1.099l-.326-.086c-2.792-.587-10.422-1.013-14.205-1.013c-13.387 0-20.462 5.605-20.462 16.209v59.04c0 2.43 1.7 4.128 4.137 4.128h4.762c2.437 0 4.138-1.697 4.138-4.128V36.734c0-2.617.662-4.964 8.65-4.964l11.828-.01c1.158.138 2.263-.182 3.114-.903c.929-.783 1.44-1.926 1.44-3.215v-2.987c0-1.96-1.122-3.46-3.076-4.115m-57.172-.148h-4.762c-2.436 0-4.138 1.697-4.138 4.128v62.649h-19.804c-12.25 0-17.22-.779-17.22-20.303V24.52c0-2.43-1.702-4.128-4.138-4.128h-4.627c-2.436 0-4.273 1.774-4.273 4.128v42.346c0 27.748 10.064 32.631 31.21 32.631c7.607 0 18.025 0 27.96-1.399l.23-.046c2.454-.613 3.699-2.018 3.699-4.176V24.52c0-2.43-1.702-4.128-4.137-4.128"/><path fill="#74bb11" d="M156.332 22.331c-.611-1.3-1.922-2.075-3.506-2.075h-6.121c-1.778 0-3.107.716-3.807 2.005l-9.072 13.255l7.942 10.861l13.866-19.89c1.522-1.849.995-3.523.698-4.156"/><path fill="#009cd9" d="m108.505 22.11l-.008-.012c-1.383-1.843-3.223-1.843-3.828-1.843h-5.987c-1.534 0-2.79.705-3.446 1.932c-.675 1.257-.532 2.767.402 4.166l22.179 30.746l-25.504 35.572c-.891 1.338-1.016 2.825-.343 4.081c.66 1.227 1.917 1.93 3.448 1.93h6.12c1.574 0 2.958-.817 3.65-2.104l28.547-39.337z"/><path fill="#eb2084" d="m159.377 92.982l-17.794-24.42l-7.827 10.79l14.072 18.781l.366.16a4.4 4.4 0 0 0 1.775.388h5.985c1.446 0 2.673-.642 3.368-1.764c.712-1.15.732-2.583.055-3.935"/><path fill="#272727" d="M68.774 65.43v20.738c-6.06.93-15.297 1.136-18.445 1.136c-13.926 0-15.452-3.805-15.452-11.886c0-7.562 2.83-9.989 11.643-9.989zM49.649 19.44c-4.303 0-10.171.112-17.472.99l-.33.073c-2.127.605-3.204 2.002-3.204 4.152v2.986c0 2.546 1.585 4.128 4.137 4.128h16.87c13.583 0 19.124 3.68 19.124 12.701v8.767H46.52c-17.393 0-24.815 6.633-24.815 22.18c0 17.328 7.682 24.08 27.4 24.08c7.987 0 22.689-.621 28.123-2.278c4.582-1.272 4.582-4.772 4.582-5.922v-47.64c0-16.295-10.52-24.217-32.16-24.217z"/></g></svg>

How to use the Axure icon

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg-color:axure" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg-color:axure" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg-color:axure" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--axure]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:axure"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg-color:axure"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/thesvg-color/axure.svg" alt="Axure icon" width="24" height="24">

Axure icon FAQ

Is the Axure 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 Axure icon in React?

Install @iconify/react and render <Icon icon="thesvg-color:axure" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Axure icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/axure.svg" alt="Axure icon">, or paste the SVG code inline to style it with CSS.

Browse all theSVG Color icons →