Ikon Vite
logos:vite
Ikon Vite (logos:vite) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 89. 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 × 89
Kode SVG
<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>Cara memakai ikon Vite
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 component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:vite"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/vite.svg" alt="Ikon Vite" width="24" height="24">Ikon terkait di SVG Logos
Ikon Vite di set ikon lain
FAQ Ikon Vite
Apakah ikon Vite 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 Vite di React?
Pasang @iconify/react lalu render <Icon icon="logos:vite" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Vite ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/vite.svg" alt="Ikon Vite">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.