Appcenter ikonu
logos:appcenter
Appcenter ikonu (logos:appcenter), SVG Logos setinden ücretsiz bir SVG ikondur (yapımcı: Gil Barbara). 512 × 110 ı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 × 110
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="110" viewBox="0 0 512 110"><path fill="#cb2e63" d="m191.966 20.023l19.831 52.675h-9.533L197.497 59.4H176.61l-4.549 13.298H162.6l19.759-52.675zm-4.84 7.898h-.218q-.255 2.204-.764 3.784l-7.133 20.313h16.012l-7.169-20.313q-.364-.955-.728-3.784m48.344 6.244q7.132 0 11.207 5.032q4.076 5.033 4.076 13.702q0 9.477-4.621 15.097t-12.518 5.62q-6.768 0-10.517-5.657h-.145V90h-8.406V35.083h8.406v6.025h.145q4.44-6.943 12.373-6.943m-2.765 6.943q-4.404 0-7.114 3.122q-2.711 3.123-2.711 8.082v4.812q0 4.15 2.583 6.85q2.585 2.7 6.44 2.7q4.805 0 7.46-3.6q2.657-3.6 2.657-10.322q0-5.436-2.456-8.54t-6.86-3.104m44.415-6.943q7.133 0 11.208 5.032q4.076 5.033 4.076 13.702q0 9.477-4.623 15.097q-4.62 5.62-12.518 5.62q-6.767 0-10.515-5.657h-.146V90h-8.406V35.083h8.406v6.025h.146q4.44-6.943 12.372-6.943m59.352-15.024q3.274 0 6.804.551q3.532.551 5.895 1.617v8.889q-5.567-3.306-12.444-3.306q-5.35 0-9.553 2.461q-4.2 2.46-6.495 6.998q-2.293 4.536-2.292 10.56q0 8.743 4.73 13.849q4.732 5.106 12.627 5.106q7.678 0 13.427-3.71v8.301q-2.656 1.47-6.678 2.315a39.6 39.6 0 0 1-8.168.844q-7.569 0-13.282-3.25q-5.712-3.251-8.732-9.22t-3.02-13.72q0-8.191 3.49-14.694q3.495-6.501 9.772-10.046t13.92-3.545m-62.117 21.967q-4.403 0-7.114 3.122q-2.712 3.123-2.711 8.082v4.812q0 4.15 2.583 6.85q2.585 2.7 6.441 2.7q4.804 0 7.46-3.6t2.655-10.322q0-5.436-2.456-8.54t-6.858-3.104m95.576-6.943q7.715 0 11.99 4.775t4.276 13.224v4.225h-25.361q.255 5.142 3.09 7.824q2.841 2.68 8.117 2.681q3.166 0 6.076-1.01t5.094-2.59v7.163q-2.11 1.396-5.677 2.278q-3.566.881-7.53.881q-8.481 0-13.137-5.124q-4.658-5.123-4.659-14.234q.001-6.024 2.312-10.542q2.31-4.519 6.404-7.035t9.005-2.516m.003 6.649q-3.423 0-5.933 2.553q-2.511 2.553-3.165 6.63h16.993q0-4.482-2.073-6.832q-2.076-2.351-5.822-2.351m45.688 10.763v21.121h8.403V49.593q0-7.787-3.255-11.608q-3.259-3.82-9.189-3.82q-7.895 0-12.08 6.943h-.145v-6.025h-8.407v37.615h8.407V51.32q-.001-4.372 2.492-7.292t6.314-2.92q3.928 0 5.692 2.59q1.767 2.589 1.768 7.879M450.9 72.33q-.762.44-2.71.863a17.7 17.7 0 0 1-3.768.422q-10.95 0-10.95-11.901v-19.8h-6.188v-6.832h6.188v-8.669l8.442-2.608v11.277h8.986v6.833h-8.986v18.22q0 3.562 1.272 5.05q1.274 1.488 4.002 1.488q.73 0 1.838-.312q1.112-.313 1.874-.827zm18.616-38.166q7.715 0 11.99 4.775t4.276 13.224v4.225h-25.365q.255 5.142 3.094 7.824q2.84 2.68 8.114 2.681a18.4 18.4 0 0 0 6.079-1.01q2.91-1.01 5.093-2.59v7.163q-2.11 1.396-5.676 2.278q-3.566.881-7.534.881q-8.477 0-13.134-5.124q-4.66-5.123-4.658-14.234q-.002-6.024 2.311-10.542q2.31-4.519 6.404-7.035t9.006-2.516m0 6.649q-3.42 0-5.93 2.553t-3.166 6.63h16.994q0-4.482-2.074-6.832q-2.075-2.351-5.824-2.351m40.34 1.653q1.49.404 2.144.881v-8.412q-1.2-.514-3.384-.514q-3.275 0-5.786 2.094t-3.748 5.877h-.145v-7.31h-8.406v37.615h8.406V53.45q0-5.07 2.257-8.229q2.254-3.159 5.931-3.158q1.237 0 2.73.404M81.35 109.425L0 82.084L81.299 94.07V0l27.1 11.382v86.68zM27.099 18.239L37.26 20.52v16.417L54.198 25.08v13.68l-16.937 9.122l16.937 9.121v13.68L37.261 58.827v16.417l-10.162 2.281L9.033 61.562v-6.84l10.424-6.84l-10.424-6.84V34.2zm.001 34.202l-12.645 6.386L27.1 68.403zm0-25.08l-12.645 9.577L27.1 43.323zm40.649 2.282l-13.55-4.563v45.604l13.55-4.562z"/></svg>Appcenter ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="logos:appcenter" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:appcenter" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:appcenter" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--appcenter]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:appcenter"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:appcenter"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/logos/appcenter.svg" alt="Appcenter ikonu" width="24" height="24">SVG Logos setindeki benzer ikonlar
Appcenter ikonu: sık sorulan sorular
Appcenter 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.
Appcenter ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="logos:appcenter" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Appcenter 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/appcenter.svg" alt="Appcenter ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.