Ikon Astro
logos:astro
Ikon Astro (logos:astro) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 135. 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 × 135
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="135" viewBox="0 0 512 135"><defs><linearGradient id="SVGxAS53bCX" x1="0%" x2="116.842%" y1="91.269%" y2="41.115%"><stop offset="0%" stop-color="#d83333"/><stop offset="100%" stop-color="#f041ff"/></linearGradient></defs><path fill="#fff" d="M34.698 114.618c-6.08-5.558-7.854-17.234-5.321-25.693c4.391 5.333 10.476 7.023 16.78 7.976c9.73 1.472 19.286.922 28.325-3.526c1.034-.509 1.99-1.187 3.12-1.872c.847 2.46 1.068 4.944.772 7.473c-.72 6.158-3.785 10.915-8.659 14.52c-1.949 1.442-4.01 2.731-6.024 4.092c-6.184 4.178-7.857 9.08-5.533 16.208c.055.174.105.348.23.772c-3.158-1.413-5.464-3.47-7.221-6.176c-1.856-2.855-2.74-6.014-2.786-9.43c-.023-1.663-.023-3.342-.247-4.98c-.546-3.997-2.422-5.787-5.957-5.89c-3.628-.106-6.498 2.136-7.259 5.669c-.058.27-.142.538-.226.853z"/><path fill="url(#SVGxAS53bCX)" d="M34.698 114.618c-6.08-5.558-7.854-17.234-5.321-25.693c4.391 5.333 10.476 7.023 16.78 7.976c9.73 1.472 19.286.922 28.325-3.526c1.034-.509 1.99-1.187 3.12-1.872c.847 2.46 1.068 4.944.772 7.473c-.72 6.158-3.785 10.915-8.659 14.52c-1.949 1.442-4.01 2.731-6.024 4.092c-6.184 4.178-7.857 9.08-5.533 16.208c.055.174.105.348.23.772c-3.158-1.413-5.464-3.47-7.221-6.176c-1.856-2.855-2.74-6.014-2.786-9.43c-.023-1.663-.023-3.342-.247-4.98c-.546-3.997-2.422-5.787-5.957-5.89c-3.628-.106-6.498 2.136-7.259 5.669c-.058.27-.142.538-.226.853z"/><path fill="#17191e" d="M0 87.515s18.002-8.77 36.054-8.77l13.61-42.122c.51-2.037 1.998-3.421 3.678-3.421s3.167 1.384 3.677 3.421l13.61 42.123c21.38 0 36.055 8.769 36.055 8.769S76.106 4.216 76.046 4.049C75.168 1.586 73.686 0 71.69 0H34.997C33 0 31.577 1.586 30.64 4.049C30.574 4.213 0 87.515 0 87.515M189.798 60.72c0 7.382-9.181 11.79-21.894 11.79c-8.275 0-11.2-2.05-11.2-6.356c0-4.51 3.632-6.664 11.905-6.664c7.467 0 13.823.103 21.19 1.025zm.101-9.124c-4.54-1.025-11.402-1.64-19.574-1.64c-23.812 0-35.01 5.639-35.01 18.76c0 13.636 7.667 18.865 25.425 18.865c15.034 0 25.223-3.794 28.957-13.123h.604l-.087 2.016a124 124 0 0 0-.11 3.7l-.003.538c0 4.711.77 5.208 4.483 5.227l18.823.001c-.983-2.795-1.582-10.547-1.613-17.388v-.553c0-7.484.3-13.122.3-20.708c0-15.48-9.28-25.323-38.339-25.323c-12.51 0-26.434 2.153-37.028 5.331c1.008 4.204 2.421 12.713 3.128 18.249c9.181-4.306 22.197-6.151 32.287-6.151c13.922 0 17.757 3.178 17.757 9.636zm50.938 13.43c-2.018.246-4.617.295-7.384.305l-2.1.003c-3.733 0-7.163-.103-9.485-.41c0 .82-.1 1.743-.1 2.563c0 12.815 8.375 20.298 37.836 20.298c27.745 0 36.725-7.38 36.725-20.4l-.008-.731c-.239-11.812-6.471-17.647-32.278-18.953l-2.416-.12c-17.824-.967-19.803-3.071-19.88-5.465l-.002-.156c0-2.973 2.623-4.511 16.345-4.511l1.748.01c12.795.158 16.312 2.11 16.312 6.038v.923l1.393-.06a217 217 0 0 1 7.432-.144l1.744.003c3.178.02 6.426.121 8.4.303c0-.922.1-1.742.1-2.46c0-15.07-12.511-19.991-36.725-19.991c-27.242 0-36.424 6.664-36.424 19.683c0 11.688 7.366 18.967 33.498 20.094l2.393.088c17.056.714 18.997 2.808 18.997 5.653l-.009.272c-.181 2.988-3.51 4.342-16.639 4.342l-1.187-.005c-14.359-.107-18.185-2.206-18.284-6.386zM329.63 11c-7.365 6.869-20.582 13.737-27.947 15.583l.029 1.296c.072 3.93.072 9.867.072 13.261l6.76.103l-.12 9.573c-.045 4.213-.078 8.325-.082 11.62v.746c0 13.635 7.162 23.887 29.46 23.887c9.384 0 15.64-1.025 23.408-2.666c-.807-5.023-1.715-12.712-2.018-18.556c-4.64 1.538-10.492 2.358-16.95 2.358c-8.98 0-12.612-2.46-12.612-9.534l.005-6.548c.008-3.724.032-7.283.096-10.675l7.22.077c8.915.112 17.207.274 22.544.436c-.101-5.332.1-13.02.403-18.146l-3.499.068c-8.848.16-18.353.24-26.365.24L330.336 11zm61.068 27.167l-.807-.102l.28-13.304l.022-.946h-20.28l.071 2.274c.232 8.12.232 16.698.232 28.789l-.013 7.472c-.032 9.386-.129 16.62-.29 23.591h23.206c-.378-5.754-.49-15.187-.503-23.598l-.002-1.724c0-13.943 5.65-17.94 18.464-17.94c5.954 0 10.191.717 13.924 2.05c.101-5.229 1.11-15.378 1.714-19.89c-3.62-1.064-7.601-1.763-12.367-1.838l-.85-.006c-10.997-.103-19.068 4.408-22.8 15.172m100.215 16.3c0 11.175-8.071 16.404-20.784 16.404c-12.611 0-20.683-4.921-20.683-16.403c0-11.333 7.962-15.675 20.198-15.786l.485-.002c12.612 0 20.784 4.613 20.784 15.788M512 53.955c0-22.246-17.354-32.19-41.87-32.19c-24.618 0-41.367 9.944-41.367 32.19c0 22.144 15.638 34.037 41.265 34.037c25.83 0 41.972-11.893 41.972-34.037"/></svg>Cara memakai ikon Astro
React
import { Icon } from "@iconify/react";
<Icon icon="logos:astro" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:astro" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:astro" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--astro]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:astro"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:astro"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/astro.svg" alt="Ikon Astro" width="24" height="24">Ikon terkait di SVG Logos
Ikon Astro di set ikon lain
FAQ Ikon Astro
Apakah ikon Astro 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 Astro di React?
Pasang @iconify/react lalu render <Icon icon="logos:astro" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Astro ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/astro.svg" alt="Ikon Astro">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.