Vite ikonu
logos:vite
Vite ikonu (logos:vite), SVG Logos setinden ücretsiz bir SVG ikondur (yapımcı: Gil Barbara). 512 × 89 ı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 × 89
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="89" viewBox="0 0 512 89"><path fill="#863bff" d="M443.247 86.67c-1.258 1.601-3.831.711-3.831-1.324V65.81a4.287 4.287 0 0 0-4.289-4.288h-21.57c-1.744 0-2.761-1.973-1.744-3.391l14.181-19.855c2.031-2.839 0-6.784-3.492-6.784h-26.105c-1.744 0-2.76-1.973-1.744-3.39l18.385-25.741a2.15 2.15 0 0 1 1.744-.899h54.786c1.745 0 2.761 1.973 1.745 3.39l-14.182 19.855c-2.03 2.839 0 6.785 3.492 6.785h21.571c1.789 0 2.794 2.062 1.687 3.472l-40.63 51.71z"/><g mask="url(#SVGWjqK4PPp)" transform="scale(5.91448)"><g filter="url(#SVGmX3zpMRg)"><ellipse cx="1.766" cy="4.714" fill="#ede6ff" rx="1.766" ry="4.714" transform="rotate(89.814 27.404 37.877)scale(1 -1)"/></g><g filter="url(#SVGcJ29kbQq)"><ellipse cx="3.334" cy="9.57" fill="#ede6ff" rx="3.334" ry="9.57" transform="rotate(89.814 25.617 28.483)scale(1 -1)"/></g><g filter="url(#SVGVCXNebsq)"><ellipse cx="1.766" cy="9.774" fill="#7e14ff" rx="1.766" ry="9.774" transform="rotate(89.814 24.881 28.851)scale(1 -1)"/></g><g filter="url(#SVGlqmj1bXe)"><ellipse cx="1.766" cy="9.81" fill="#7e14ff" rx="1.766" ry="9.81" transform="rotate(89.814 22.723 32.475)scale(1 -1)"/></g><g filter="url(#SVGAOYyZbsn)"><ellipse cx="1.766" cy="9.81" fill="#7e14ff" rx="1.766" ry="9.81" transform="rotate(269.814 32.8 -22.71)scale(-1 1)"/></g><g filter="url(#SVG9lzppdfc)"><ellipse cx="4.511" cy="7.078" fill="#ede6ff" rx="4.511" ry="7.078" transform="rotate(93.35 41.053 47.09)scale(-1 1)"/></g><g filter="url(#SVGXy1VtbHF)"><ellipse cx="1.113" cy="6.893" fill="#7e14ff" rx="1.113" ry="6.893" transform="rotate(89.009 42.39 49.274)scale(-1 1)"/></g><g filter="url(#SVGXy1VtbHF)"><ellipse cx="1.113" cy="6.893" fill="#7e14ff" rx="1.113" ry="6.893" transform="rotate(89.009 42.39 49.274)scale(-1 1)"/></g><g filter="url(#SVGCrXwx8yF)"><ellipse cx="66.749" cy="3.123" fill="#7e14ff" rx="1.413" ry="9.332" transform="rotate(39.51 66.749 3.123)"/></g><g filter="url(#SVGaqs06dsX)"><ellipse cx="81.86" cy="-1.706" fill="#7e14ff" rx="1.413" ry="9.332" transform="rotate(37.892 81.86 -1.706)"/></g><g filter="url(#SVGfqIWhbIE)"><ellipse cx="79.902" cy="2.278" fill="#47bfff" rx="1.914" ry="3.099" transform="rotate(37.892 79.902 2.278)"/></g><g filter="url(#SVGWR8qqdsg)"><ellipse cx="66.022" cy="12.536" fill="#7e14ff" rx="1.413" ry="9.332" transform="rotate(37.892 66.022 12.536)"/></g><g filter="url(#SVGWR8qqdsg)"><ellipse cx="66.022" cy="12.536" fill="#7e14ff" rx="1.413" ry="9.332" transform="rotate(37.892 66.022 12.536)"/></g><g filter="url(#SVG28PygE8I)"><ellipse cx="78.055" cy="9.835" fill="#7e14ff" rx="1.413" ry="9.332" transform="rotate(37.892 78.055 9.835)"/></g><g filter="url(#SVGchG4vbgu)"><ellipse cx="78.941" cy="10.634" fill="#47bfff" rx="1.914" ry="4.904" transform="rotate(37.892 78.941 10.634)"/></g></g><path fill="#08060d" d="M380.239 0c-17.442 24.965-17.543 63.662 0 88.717h11.784c-17.539-25.055-17.438-63.752 0-88.717zm118.364 0h-11.784c17.44 24.965 17.543 63.662 0 88.717h11.784c17.538-25.055 17.436-63.752 0-88.717M54.039 63.226l22.3-61.755h30.514L73.03 87.248H33.818L0 1.471h31.369zm92.391 24.022h-29.405V1.471h29.405zm106.813-64.701H220.28v64.701h-29.411V22.547h-32.963V1.471h95.337zm96.15-.243H294.13v11.517h54.403v20.216H294.13v12.378h56.858v20.833h-86.269V1.471h84.674z"/><mask id="SVGWjqK4PPp" width="16" height="15" x="66" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path d="M74.91 14.654a.363.363 0 0 1-.648-.224v-3.303c0-.4-.325-.725-.725-.725H69.89c-.295 0-.467-.334-.295-.573l2.397-3.357a.725.725 0 0 0-.59-1.148h-4.414a.362.362 0 0 1-.295-.573L69.802.4a.36.36 0 0 1 .295-.152h9.263c.295 0 .467.334.295.573l-2.398 3.357a.725.725 0 0 0 .59 1.147h3.648c.302 0 .472.35.285.587z"/></mask><defs><filter id="SVGmX3zpMRg" width="19.25" height="13.354" x="60.287" y="5.424" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20653" stdDeviation="2.455"/></filter><filter id="SVGcJ29kbQq" width="28.962" height="16.49" x="49.116" y="-2.168" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20653" stdDeviation="2.455"/></filter><filter id="SVGVCXNebsq" width="25.44" height="9.425" x="50.711" y=".898" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20653" stdDeviation="1.473"/></filter><filter id="SVGlqmj1bXe" width="25.512" height="9.425" x="52.184" y="6.668" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20653" stdDeviation="1.473"/></filter><filter id="SVGAOYyZbsn" width="25.512" height="9.425" x="52.675" y="7.037" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20653" stdDeviation="1.473"/></filter><filter id="SVG9lzppdfc" width="23.963" height="18.867" x="71.677" y="-5.492" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20653" stdDeviation="2.455"/></filter><filter id="SVGXy1VtbHF" width="19.676" height="8.131" x="74.174" y=".979" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20653" stdDeviation="1.473"/></filter><filter id="SVGCrXwx8yF" width="17.967" height="20.405" x="57.765" y="-7.079" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20653" stdDeviation="1.473"/></filter><filter id="SVGaqs06dsX" width="17.573" height="20.725" x="73.074" y="-12.068" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20653" stdDeviation="1.473"/></filter><filter id="SVGfqIWhbIE" width="10.754" height="11.321" x="74.525" y="-3.383" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20653" stdDeviation="1.473"/></filter><filter id="SVGWR8qqdsg" width="17.573" height="20.725" x="57.236" y="2.174" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20653" stdDeviation="1.473"/></filter><filter id="SVG28PygE8I" width="17.573" height="20.725" x="69.268" y="-.527" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20653" stdDeviation="1.473"/></filter><filter id="SVGchG4vbgu" width="12.634" height="13.985" x="72.624" y="3.642" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20653" stdDeviation="1.473"/></filter></defs></svg>Vite ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="logos:vite" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:vite" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:vite" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--vite]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:vite"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:vite"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/logos/vite.svg" alt="Vite ikonu" width="24" height="24">SVG Logos setindeki benzer ikonlar
Diğer ikon setlerinde Vite ikonu
Vite ikonu: sık sorulan sorular
Vite 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.
Vite ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="logos:vite" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Vite 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/vite.svg" alt="Vite ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.