Aspire icon
devicon:aspire
The Aspire icon (devicon:aspire) is a free SVG icon from the Devicon set by konpa. It is drawn on a 128 × 128 grid. Devicon 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.
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#512bd4" d="M14 121.304c-7.72 0-14-6.28-14-14c0-2.517.664-4.965 1.92-7.085l33.353-57.77l.136-.204l16.465-28.549c2.5-4.32 7.144-7 12.128-7s9.628 2.68 12.124 6.996l50.002 86.607c1.208 2.036 1.872 4.484 1.872 7c0 7.72-6.28 14-14 14z"/><path fill="#7455dd" d="M101.323 73.302h-33.36l-3.961-6.88l-11.48-19.88c-.52-.88-1.24-1.64-2.2-2.16c-2.84-1.68-6.52-.68-8.2 2.2L58.801 17.7c1.04-1.8 2.96-3 5.2-3s4.16 1.2 5.2 3l16.6 28.76l.04.08l.08.12l15.401 26.641z"/><path fill="#9780e5" d="M120.004 107.303c0 3.32-2.68 6-6 6H80.683c3.32 0 6-2.68 6-6c0-1.08-.32-2.12-.8-3l-16.68-28.88l-1.24-2.12h33.36l17.88 31c.52.88.8 1.92.8 3z"/><path fill="#b9aaee" d="M86.683 107.303c0 3.32-2.68 6-6 6H47.32c3.32 0 6-2.68 6-6c0-1.08-.28-2.12-.8-3c0-.04-.04-.08-.08-.12l-5.28-8.6l-11.88-19.4c-1.08-1.76-3-2.88-5.12-2.88h37.801l1.24 2.12l.508.88l16.173 28c.48.88.8 1.92.8 3z"/><path fill="#dcd5f6" d="M53.322 107.303c0 3.32-2.68 6-6 6H14c-3.32 0-6-2.68-6-6c0-1.08.28-2.12.8-3l16.16-28c1.08-1.84 3.08-3 5.2-3a6.01 6.01 0 0 1 5.121 2.88l11.88 19.4l5.28 8.6c.04.04.08.08.08.12c.52.88.8 1.92.8 3z"/><path fill="#9780e5" d="M67.962 73.302H30.161c-2.12 0-4.12 1.16-5.2 3l1.72-3l15.28-26.44l.16-.24v-.04c1.68-2.88 5.36-3.88 8.2-2.2c.96.52 1.68 1.28 2.2 2.16l11.481 19.88z"/></svg>How to use the Aspire icon
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:aspire" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:aspire" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:aspire" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--aspire]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:aspire"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:aspire"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/devicon/aspire.svg" alt="Aspire icon" width="24" height="24">Aspire icon in other icon sets
Aspire icon FAQ
Is the Aspire icon free for commercial use?
Yes. Devicon icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Aspire icon in React?
Install @iconify/react and render <Icon icon="devicon:aspire" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Aspire icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/devicon/aspire.svg" alt="Aspire icon">, or paste the SVG code inline to style it with CSS.