File Type Compass ikonu
vscode-icons:file-type-compass
File Type Compass ikonu (vscode-icons:file-type-compass), VSCode Icons setinden ücretsiz bir SVG ikondur (yapımcı: Roberto Huertas). 32 × 32 ızgara üzerinde çizilmiştir. VSCode 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
- VSCode Icons
- Yazar
- Roberto Huertas
- Lisans
- MIT
- Boyut
- 32 × 32
- Etiketler
- filetype, typecompass, filetypecompass
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><mask id="SVGfaJnYdZX" width="27.544" height="28" x="2.228" y="2" maskUnits="userSpaceOnUse"><path fill="#fff" d="M29.769 2c-.363 7.372-1.439 14.182-4.31 20.593c-2.2 4.921-7.243 7.483-12.926 6.762a12.35 12.35 0 0 1-10-9.325C1.373 14.745 3.556 9.216 8.245 6.809C14.864 3.411 22.1 2.444 29.769 2"/></mask></defs><g mask="url(#SVGfaJnYdZX)"><path fill="#e21708" d="M14.481 10.193s-.635 3.516-.887 5.3c-1.285-1-3.829-2.824-3.829-2.824s2 2.684 2.938 3.882c-1.79.2-5.379.762-5.379.762s3.67.59 5.379.788c-.991 1.255-2.947 3.8-2.947 3.8s2.658-1.836 3.852-2.756c.244 1.708.873 5.345.873 5.345s.576-3.634.8-5.405c1.181.92 3.673 2.842 3.673 2.842s-1.737-2.6-2.687-3.827c1.727-.2 5.237-.787 5.237-.787s-3.544-.564-5.225-.759c.87-1.179 2.692-3.887 2.692-3.887s-2.553 1.98-3.692 2.892c-.211-1.76-.793-5.364-.793-5.364M29.772 2.05c-.363 7.372-1.439 14.182-4.31 20.593c-2.2 4.921-7.243 7.483-12.926 6.762a12.35 12.35 0 0 1-10-9.325C1.375 14.795 3.559 9.265 8.248 6.858C14.867 3.461 22.1 2.494 29.772 2.05"/><path fill="#fa524a" fill-opacity=".3" d="M2.9 13.188a11.6 11.6 0 0 1 1.824-3.4c.3-.368.632-.736 1-1.116a11 11 0 0 1 1.038-.885q.506-.369 1.105-.721q.189-.107.384-.207a36 36 0 0 1 4.914-2.068A56.7 56.7 0 0 1 26.8 2.253c1.169-.089 2.182-.148 2.974-.2A80.8 80.8 0 0 0 12.2 7.785c-5.221 2.283-9.678 7.243-9.914 8.664a18 18 0 0 1 .614-3.261"/><path fill="#ae0e10" fill-opacity=".3" d="M12.674 29.9a12 12 0 0 1-1.565-.305a12.65 12.65 0 0 1-5.646-3.539a12.06 12.06 0 0 1-2.924-5.5a13 13 0 0 1-.308-2.868c.059 8.611 10.121 9.942 12.812 9.942c4.272 0 4.218-.851 10.853-5.517q-.211.506-.434 1.005a11.44 11.44 0 0 1-8.12 6.566A13.5 13.5 0 0 1 14.41 30a15 15 0 0 1-1.736-.1"/></g></svg>
File Type Compass ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="vscode-icons:file-type-compass" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vscode-icons:file-type-compass" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vscode-icons:file-type-compass" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--file-type-compass]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-compass"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vscode-icons:file-type-compass"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-compass.svg" alt="File Type Compass ikonu" width="24" height="24">
VSCode Icons setindeki benzer ikonlar
File Type Compass ikonu: sık sorulan sorular
File Type Compass ikonu ticari kullanım için ücretsiz mi?
Evet. VSCode Icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
File Type Compass ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="vscode-icons:file-type-compass" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
File Type Compass 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/vscode-icons/file-type-compass.svg" alt="File Type Compass ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: VSCode Icons →
