Axios icon
logos:axios
The Axios icon (logos:axios) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 75 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
- 512 × 75
- Tags
- axio
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="75" viewBox="0 0 512 75"><path fill="#5a29e4" d="M254.114 9.182v60.165l-6.557 5.282v-50.05h-12.343zM481.537 0q8.237 0 15.297 2.484q6.792 2.347 11.717 5.275l.573.347l-6.799 12.943q-.93-.761-2.627-1.741l-.643-.364l-.693-.378l-.743-.393q-3.138-1.7-7.453-2.876a30.5 30.5 0 0 0-8.89-1.308q-12.29 0-12.29 6.93q0 4.052 4.445 5.752l.676.245l.717.249l.76.253l.804.256l.846.261l.888.265q.228.068.46.134l.953.27l.995.276l1.038.278l1.08.283l1.124.287l1.765.438l1.23.297q7.714 1.96 13.336 4.445q5.513 2.38 8.504 6.322l.255.346Q512 45.629 512 52.296q0 8.106-4.184 13.075q-4.053 4.837-10.72 7.06q-6.669 2.091-14.382 2.091q-8.89 0-17.65-2.484q-8.342-2.365-14.906-6.391l-.652-.407l7.06-13.728q1.7 1.7 5.622 3.791q4.053 2.093 9.413 3.53q5.36 1.44 11.375 1.439q12.028 0 12.028-6.407q0-4.314-5.622-6.144l-.901-.317l-.947-.321l-.991-.326l-1.037-.332l-1.082-.336l-1.127-.342l-.58-.172l-1.195-.349l-1.24-.354l-1.286-.359l-1.33-.364l-2.08-.555l-.716-.188q-11.244-2.876-16.735-7.321q-5.36-4.577-5.36-13.075q0-7.582 3.79-12.681q3.923-5.1 10.46-7.714Q473.693 0 481.537 0M360.292.13q8.298 0 15.146 3.023l.545.246q7.06 3.138 12.028 8.498q5.098 5.23 7.842 11.898q2.746 6.667 2.748 13.597q0 7.19-2.876 13.859q-2.877 6.537-8.109 11.766q-5.097 5.1-12.156 8.106t-15.427 3.007q-8.629 0-15.689-3.007q-7.061-3.137-12.162-8.367q-5.099-5.36-7.844-12.028c-1.828-4.446-2.746-9.022-2.746-13.728q0-7.191 2.877-13.859a36.4 36.4 0 0 1 7.638-11.3l.47-.467c3.487-3.486 7.58-6.232 12.287-8.236Q351.924.13 360.292.13M44.844.524l31.77 73.084H59.88L52.558 56.48H24.187l-7.321 17.127H0L31.9.523zm93.58 0L158.56 26.41L178.693.523h17.127l-28.894 37l27.979 36.084h-17.127l-19.22-24.84l-19.087 24.84h-17.389l28.11-36.084l-29.025-37zM266.106.188v48.905h12.689L259.56 64.877V4.744zm93.928 14.063q-7.192 0-12.292 3.399q-4.969 3.399-7.583 8.629q-2.616 5.23-2.615 10.852q.002 5.883 2.748 11.243q2.743 5.23 7.711 8.498q5.1 3.27 12.159 3.269q7.191 0 12.159-3.4c3.315-2.353 5.84-5.273 7.583-8.76q2.616-5.36 2.617-10.981q0-5.883-2.745-11.113t-7.847-8.368q-4.968-3.268-11.895-3.268M38.438 19.74L27.717 42.753h21.05z"/></svg>How to use the Axios icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:axios" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:axios" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:axios" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--axios]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:axios"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:axios"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/axios.svg" alt="Axios icon" width="24" height="24">Axios icon in other icon sets
Axios icon FAQ
Is the Axios 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 Axios icon in React?
Install @iconify/react and render <Icon icon="logos:axios" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Axios icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/axios.svg" alt="Axios icon">, or paste the SVG code inline to style it with CSS.