Ikon File Type Innosetup
vscode-icons:file-type-innosetup
Ikon File Type Innosetup (vscode-icons:file-type-innosetup) adalah ikon SVG gratis dari set VSCode Icons karya Roberto Huertas. Ikon ini digambar pada grid 32 × 32. VSCode Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- VSCode Icons
- Pembuat
- Roberto Huertas
- Lisensi
- MIT
- Ukuran
- 32 × 32
- Tag
- filetype, typeinnosetup, filetypeinnosetup
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><radialGradient id="SVG0FrvIdqe" cx="16.637" cy="16" r="12.46" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d8ffff"/><stop offset=".113" stop-color="#afe9fa"/><stop offset=".239" stop-color="#87d3f4"/><stop offset=".339" stop-color="#6fc6f1"/><stop offset=".4" stop-color="#66c1f0"/><stop offset=".473" stop-color="#60b9e7"/><stop offset=".591" stop-color="#50a3cf"/><stop offset=".741" stop-color="#377fa7"/><stop offset=".915" stop-color="#134e70"/><stop offset="1" stop-color="#003453"/></radialGradient><linearGradient id="SVGYMFnte3s" x1="20.623" x2="11.589" y1="26.999" y2="11.352" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#003453"/><stop offset=".78" stop-color="#0f496a"/><stop offset=".887" stop-color="#66c1f0"/><stop offset="1" stop-color="#beffff"/></linearGradient></defs><path fill="url(#SVG0FrvIdqe)" d="M29.1 16A12.46 12.46 0 1 1 16.637 3.54A12.46 12.46 0 0 1 29.1 16"/><path fill="#fff" d="M23.67 13.111H30v7.155l-3.575 3.383v-4.714l-1.34 1.5a24.3 24.3 0 0 1-8.524 5.841a27.8 27.8 0 0 1-7.019 1.938a21 21 0 0 1-3.035-.036c-2.257-.444-4-1.752-4.284-3.17a5.9 5.9 0 0 1-.032-3.094a11.2 11.2 0 0 1 1.432-3.19a20.1 20.1 0 0 1 5.85-6.153a39.5 39.5 0 0 0-2.757 4.669a9.7 9.7 0 0 0-.906 2.732a2.4 2.4 0 0 0 .426 1.96a4.65 4.65 0 0 0 3.89 1.544a19.8 19.8 0 0 0 7.375-1.8a23.5 23.5 0 0 0 5.949-3.674l1.4-1.327l-4.6.047Z"/><path fill="url(#SVGYMFnte3s)" d="M29.518 13.593v6.466l-2.611 2.471v-4.859l-.842.944l-1.34 1.5a23.8 23.8 0 0 1-8.353 5.718a27.2 27.2 0 0 1-6.876 1.9c-.221.021-.693.035-1.232.035a14 14 0 0 1-1.664-.06c-2.016-.4-3.659-1.571-3.9-2.792A5.46 5.46 0 0 1 2.666 22a10.7 10.7 0 0 1 1.359-3.007a23 23 0 0 1 3.559-4.35a28 28 0 0 0-1.3 2.394a10 10 0 0 0-.948 2.873a2.88 2.88 0 0 0 .515 2.31a5.1 5.1 0 0 0 4.278 1.741a20.2 20.2 0 0 0 7.571-1.839a24 24 0 0 0 6.082-3.763l1.4-1.328l.889-.844l-1.226.013l-3.463.036l2.5-2.643h5.641m-20.05-1.019a20.1 20.1 0 0 0-5.85 6.153a11.2 11.2 0 0 0-1.432 3.19a5.9 5.9 0 0 0 .032 3.094c.286 1.418 2.027 2.726 4.284 3.17a14 14 0 0 0 1.757.073c.527 0 1.026-.013 1.278-.037a27.8 27.8 0 0 0 7.019-1.938a24.3 24.3 0 0 0 8.524-5.841l1.34-1.5v4.714L30 20.266v-7.155h-6.33l-3.422 3.618l4.6-.047l-1.4 1.327a23.5 23.5 0 0 1-5.948 3.674a19.8 19.8 0 0 1-7.375 1.8a4.65 4.65 0 0 1-3.89-1.544a2.4 2.4 0 0 1-.426-1.96a9.7 9.7 0 0 1 .906-2.732a39.5 39.5 0 0 1 2.757-4.669Z"/></svg>
Cara memakai ikon File Type Innosetup
React
import { Icon } from "@iconify/react";
<Icon icon="vscode-icons:file-type-innosetup" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vscode-icons:file-type-innosetup" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vscode-icons:file-type-innosetup" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--file-type-innosetup]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-innosetup"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vscode-icons:file-type-innosetup"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-innosetup.svg" alt="Ikon File Type Innosetup" width="24" height="24">
Ikon terkait di VSCode Icons
FAQ Ikon File Type Innosetup
Apakah ikon File Type Innosetup gratis untuk penggunaan komersial?
Ya. VSCode Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon File Type Innosetup di React?
Pasang @iconify/react lalu render <Icon icon="vscode-icons:file-type-innosetup" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon File Type Innosetup ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-innosetup.svg" alt="Ikon File Type Innosetup">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua VSCode Icons →
