Ikon Async Api
logos:async-api
Ikon Async Api (logos:async-api) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 112. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 512 × 112
- Tag
- asyncapi
Kode SVG
<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>Cara memakai ikon Async Api
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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/async-api.svg" alt="Ikon Async Api" width="24" height="24">Ikon terkait di SVG Logos
FAQ Ikon Async Api
Apakah ikon Async Api gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Async Api di React?
Pasang @iconify/react lalu render <Icon icon="logos:async-api" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Async Api ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/async-api.svg" alt="Ikon Async Api">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.