Arch Light ikonu
skill-icons:arch-light
Arch Light ikonu (skill-icons:arch-light), Skill Icons setinden ücretsiz bir SVG ikondur (yapımcı: tandpfun). 256 × 256 ızgara üzerinde çizilmiştir. Skill Icons, MIT 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
- Skill Icons
- Yazar
- tandpfun
- Lisans
- MIT
- Boyut
- 256 × 256
- Etiketler
- archlight
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><g clip-path="url(#SVGv3WPqdcU)"><path fill="#f4f2ed" d="M196 0H60C26.863 0 0 26.863 0 60v136c0 33.137 26.863 60 60 60h136c33.137 0 60-26.863 60-60V60c0-33.137-26.863-60-60-60"/><g clip-path="url(#SVGeZMHGeag)"><path fill="#1793d1" d="M127.5 41c-7.789 19.098-12.519 31.607-21.191 50.137c5.317 5.637 11.852 12.176 22.451 19.59c-11.395-4.69-19.163-9.385-24.972-14.27C92.688 119.617 75.288 152.594 40 216c27.728-16.008 49.224-25.882 69.257-29.651c-.857-3.694-1.315-7.709-1.282-11.877l.021-.876c.44-17.77 9.686-31.433 20.636-30.506c10.95.928 19.474 16.09 19.034 33.86c-.083 3.347-.472 6.563-1.132 9.549c19.817 3.878 41.11 13.708 68.466 29.501a9921 9921 0 0 1-14.825-27.408c-7.244-5.614-14.795-12.918-30.207-20.828c10.593 2.752 18.185 5.935 24.097 9.485C147.31 90.2 143.533 78.625 127.5 41"/><path fill="#fff" fill-opacity=".166" d="M176.755 145.015c-37.93-51.483-46.722-92.976-48.949-102.882c20.233 46.668 20.095 47.24 48.949 102.882"/><path fill="url(#SVGI0bIqbus)" d="M127.821 41.748c-.973 2.392-1.921 4.713-2.819 6.922c-.996 2.446-1.943 4.781-2.884 7.07s-1.874 4.524-2.799 6.73a713 713 0 0 1-2.798 6.58c-.947 2.193-1.899 4.41-2.906 6.664a572 572 0 0 1-3.161 6.943a636 636 0 0 1-3.504 7.456c-.172.359-.38.768-.555 1.132c5.301 5.614 11.827 12.111 22.366 19.482c-11.366-4.677-19.126-9.355-24.93-14.227c-.301.615-.565 1.164-.875 1.794c-.409.83-.9 1.772-1.325 2.628c-.746 1.529-1.525 3.1-2.328 4.721l-.898 1.773c-5.072 10.18-11.365 22.366-19.46 37.512c22.193-12.504 46.131-30.544 89.614-15.017c-2.18-4.13-4.184-8.002-6.067-11.643a1114 1114 0 0 1-5.255-10.275a819 819 0 0 1-4.529-9.143a620 620 0 0 1-3.93-8.203a508 508 0 0 1-3.461-7.52a476 476 0 0 1-3.097-6.986a512 512 0 0 1-2.842-6.729a644 644 0 0 1-2.713-6.665c-.32-.798-.64-1.629-.961-2.435c-2.453-5.759-4.972-11.726-7.883-18.564"/></g></g><defs><clipPath id="SVGv3WPqdcU"><path fill="#fff" d="M0 0h256v256H0z"/></clipPath><clipPath id="SVGeZMHGeag"><path fill="#fff" d="M40 41h175v175H40z"/></clipPath><linearGradient id="SVGI0bIqbus" x1="127.904" x2="104.123" y1="61.731" y2="133.77" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#fff" stop-opacity=".275"/></linearGradient></defs></g></svg>Arch Light ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="skill-icons:arch-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="skill-icons:arch-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="skill-icons:arch-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--arch-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:arch-light"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="skill-icons:arch-light"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/skill-icons/arch-light.svg" alt="Arch Light ikonu" width="24" height="24">Skill Icons setindeki benzer ikonlar
Arch Light ikonu: sık sorulan sorular
Arch Light ikonu ticari kullanım için ücretsiz mi?
Evet. Skill Icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Arch Light ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="skill-icons:arch-light" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Arch Light 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/skill-icons/arch-light.svg" alt="Arch Light ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.