Async Api icon
logos:async-api
The Async Api icon (logos:async-api) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 112 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 × 112
- Tags
- asyncapi
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="112" viewBox="0 0 512 112"><defs><linearGradient id="SVG7xrvve2n" x1="90.642%" x2="12.543%" y1="10.337%" y2="88.429%"><stop offset="0%" stop-color="#21d4fd"/><stop offset="3%" stop-color="#27cdfc" stop-opacity="96"/><stop offset="23%" stop-color="#4e9cf4" stop-opacity="70"/><stop offset="43%" stop-color="#6e73ee" stop-opacity="49"/><stop offset="61%" stop-color="#8753e9" stop-opacity="32"/><stop offset="77%" stop-color="#993ce5" stop-opacity="20"/><stop offset="90%" stop-color="#a42ee3" stop-opacity="13"/><stop offset="100%" stop-color="#a829e2" stop-opacity="10"/></linearGradient></defs><path fill="#0c0928" d="M198.537 85.945h-7.848l-6.46-16.69H156.67l-6.46 16.69h-7.758l23.724-60.189h8.768zm-39.232-23.518h22.247L170.379 32.78zM222.5 86.862a27.5 27.5 0 0 1-12.412-2.83a20.3 20.3 0 0 1-8.727-8.03l6.28-4.468a15.2 15.2 0 0 0 5.952 6.57a17.95 17.95 0 0 0 9.457 2.367c3.284 0 5.82-.616 7.667-1.865c.7-.417 1.3-.977 1.764-1.642s.777-1.42.922-2.214a5.6 5.6 0 0 0-.084-2.392a5.65 5.65 0 0 0-1.075-2.145q-1.256-1.623-4.753-2.328l-11.082-2.303q-6.748-1.363-9.646-4.557a11.34 11.34 0 0 1-2.914-7.932a11.64 11.64 0 0 1 2.175-6.844a15.1 15.1 0 0 1 6.182-4.971a22.3 22.3 0 0 1 9.465-1.865a23.3 23.3 0 0 1 11.542 2.651a16.63 16.63 0 0 1 7.018 7.477l-6.19 4.055a10.84 10.84 0 0 0-5.08-5.88a15.3 15.3 0 0 0-7.29-1.873a16 16 0 0 0-5.681.908a8.2 8.2 0 0 0-3.596 2.515a5.7 5.7 0 0 0-1.25 3.674a5.72 5.72 0 0 0 1.39 3.624q1.379 1.688 5.164 2.433l11.542 2.376q6.468 1.274 9.03 4.193a10.35 10.35 0 0 1 2.585 7.112a12.64 12.64 0 0 1-2.306 7.525a14.6 14.6 0 0 1-6.46 4.972a24.9 24.9 0 0 1-8.498 1.687zm57.923-46.517h7.938l-21.688 53.263a27.4 27.4 0 0 1-3.834 7.064a12.5 12.5 0 0 1-4.613 3.738a14.2 14.2 0 0 1-5.862 1.144a18.4 18.4 0 0 1-5.746-.868a17 17 0 0 1-4.663-2.327l2.028-6.383a12.5 12.5 0 0 0 3.924 2.433c1.306.517 2.698.791 4.104.811a7.87 7.87 0 0 0 4.523-1.46q1.942-1.337 3.58-5.204l2.692-6.652l-4.613-10.85l-14.678-34.66h8.381l14.399 34.74zm14.284 45.6v-45.6h6.444l.64 10.218l-1.199-1.005a15.5 15.5 0 0 1 3.974-5.88a15.2 15.2 0 0 1 5.747-3.244a23.2 23.2 0 0 1 6.787-.997c3.112-.04 6.196.597 9.033 1.865a15.07 15.07 0 0 1 6.507 5.677q2.462 3.835 2.463 9.731v29.195h-7.388V59.313q0-7.566-3.283-10.542a11.62 11.62 0 0 0-8.077-2.96c-2.306.022-4.577.55-6.65 1.549a12.94 12.94 0 0 0-5.492 5.02q-2.167 3.47-2.167 9.301v24.256zm68.12-46.504l1.007-.004a22.7 22.7 0 0 1 8.45 1.46a18.25 18.25 0 0 1 6.32 4.192a21.8 21.8 0 0 1 4.333 6.488l-7.01 3.244a13.76 13.76 0 0 0-4.475-6.699a12.42 12.42 0 0 0-7.807-2.327a14.8 14.8 0 0 0-7.937 2.051a13.1 13.1 0 0 0-5.08 5.929a25.72 25.72 0 0 0 0 18.651a13.06 13.06 0 0 0 5.08 5.969a14.8 14.8 0 0 0 7.102 2.051h.835c2.132.05 4.251-.322 6.231-1.094a10.9 10.9 0 0 0 4.344-3.187a11.96 11.96 0 0 0 2.355-5.109l6.83 2.368a22.4 22.4 0 0 1-4.291 7.21a18.16 18.16 0 0 1-6.57 4.606a22.5 22.5 0 0 1-8.716 1.622c-4.03.066-8.012-.91-11.543-2.83a19.75 19.75 0 0 1-7.938-8.167a29.7 29.7 0 0 1-2.864-12.72c0-4.396.978-8.738 2.864-12.72a19.8 19.8 0 0 1 7.938-8.166a23.34 23.34 0 0 1 10.543-2.818m82.952 46.504h-10.435l-5.812-15.773h-25.57l-5.82 15.773h-10.157l22.988-60.189h11.819zm-39.051-23.712h20.02l-9.973-28.084zm44.59-36.477h23.422a26 26 0 0 1 11.313 2.279a17.7 17.7 0 0 1 7.389 6.487a20.43 20.43 0 0 1 2.675 10.1c0 3.539-.922 7.017-2.675 10.101a17.55 17.55 0 0 1-7.389 6.488a25.9 25.9 0 0 1-10.145 2.29l-14.738-.003v22.43h-9.852zm21.855 29.365q6.567 0 9.644-2.693q3.08-2.692 3.097-7.793q0-5.19-3.097-7.89q-3.096-2.701-9.644-2.693h-12.003v21.085zM512 25.756v60.189h-9.852V25.756z"/><path fill="url(#SVG7xrvve2n)" d="M86.335 0h-59.59C11.975 0 0 11.83 0 26.42v58.868c0 14.592 11.974 26.421 26.745 26.421h59.59c14.77 0 26.745-11.829 26.745-26.421V26.421C113.08 11.829 101.106 0 86.335 0"/><path fill="#fff" d="m33.14 48.641l3.366-4.582l26.466 18.977l-3.366 4.582zm16.993 0l3.365-4.582l26.466 18.977l-3.365 4.582zm6.427-28.035c-13.965 0-25.377 8.404-25.828 18.861l-.014.862h5.747v-.219c0-7.631 9.03-13.843 20.112-13.843s20.112 6.212 20.112 13.843v.219h5.746v-.219c-.032-10.753-11.624-19.504-25.875-19.504m20.072 50.985c0 7.631-9.03 13.843-20.12 13.843s-20.113-6.212-20.113-13.843v-.219h-5.746v.22c0 10.752 11.59 19.503 25.842 19.503c13.966 0 25.377-8.404 25.828-18.861l.014-.862h-5.746z"/></svg>How to use the Async Api icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:async-api" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:async-api" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:async-api" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--async-api]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:async-api"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:async-api"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/async-api.svg" alt="Async Api icon" width="24" height="24">Related icons in SVG Logos
Async Api icon FAQ
Is the Async Api 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 Async Api icon in React?
Install @iconify/react and render <Icon icon="logos:async-api" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Async Api icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/async-api.svg" alt="Async Api icon">, or paste the SVG code inline to style it with CSS.