Astro ikonu
logos:astro
Astro ikonu (logos:astro), SVG Logos setinden ücretsiz bir SVG ikondur (yapımcı: Gil Barbara). 512 × 135 ızgara üzerinde çizilmiştir. SVG Logos icons, CC0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- SVG Logos
- Yazar
- Gil Barbara
- Lisans
- CC0-1.0
- Boyut
- 512 × 135
SVG kodu
<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>Astro ikonu nasıl kullanılır
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 bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:astro"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/logos/astro.svg" alt="Astro ikonu" width="24" height="24">SVG Logos setindeki benzer ikonlar
Diğer ikon setlerinde Astro ikonu
Astro ikonu: sık sorulan sorular
Astro ikonu ticari kullanım için ücretsiz mi?
Evet. SVG Logos icons, CC0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Astro ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="logos:astro" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Astro ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/logos/astro.svg" alt="Astro ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.