Ikon File Type Ninja

vscode-icons:file-type-ninja

Ikon File Type Ninja (vscode-icons:file-type-ninja) 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, typeninja, filetypeninja

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><ellipse cx="16.021" cy="16.168" fill="#f1c27d" rx="10.444" ry="12.767"/><path fill="#ededed" d="M8.946 15.6a6.9 6.9 0 0 1 2.188.114a4.13 4.13 0 0 1 1.911 1.081a.045.045 0 0 1 0 .062a.04.04 0 0 1-.028.012h-.045a12 12 0 0 1-1.18 0a4.7 4.7 0 0 1-.905-.122a4.4 4.4 0 0 1-.9-.34a4.3 4.3 0 0 1-1.025-.7l-.035-.031a.044.044 0 0 1 0-.06z"/><path fill="#1e1e1e" d="M8.954 13.992a13 13 0 0 1 2.679.288a4.7 4.7 0 0 1 1.31.4A2.8 2.8 0 0 1 14 15.6a.03.03 0 0 1-.009.039a.03.03 0 0 1-.025 0l-2.439-.953a19 19 0 0 0-2.573-.646a.026.026 0 0 1-.022-.03a.03.03 0 0 1 .022-.018"/><path fill="#ededed" d="M22.638 15.7a4.3 4.3 0 0 1-1.024.7a4.5 4.5 0 0 1-.9.34a4.7 4.7 0 0 1-.906.122a12 12 0 0 1-1.18 0h-.045a.043.043 0 0 1-.041-.045a.05.05 0 0 1 .012-.029a4.13 4.13 0 0 1 1.912-1.081a6.9 6.9 0 0 1 2.184-.107a.04.04 0 0 1 .037.047a.04.04 0 0 1-.014.027Z"/><path fill="#1e1e1e" d="M22.646 14.045a19 19 0 0 0-2.573.646l-2.439.953a.03.03 0 0 1-.036-.015a.03.03 0 0 1 0-.026a2.8 2.8 0 0 1 1.053-.919a4.7 4.7 0 0 1 1.311-.4a13 13 0 0 1 2.678-.288a.026.026 0 0 1 .026.027a.03.03 0 0 1-.02.022"/><path fill="#400000" d="M5.578 16.168a13 13 0 0 1-.452-1.868a5 5 0 0 1 .156-2.815c.3-.642.854-1.085 1.124-1.776c.577-1.476.38-3.211 1.334-4.541a6.33 6.33 0 0 1 5.268-2.938c3.361.222 7.417-1.623 10.024 2.435s2.421 3.1 3.275 6.05s.709 4.474.636 4.708a3.8 3.8 0 0 1-.478.745s-.753-2.428-4.447-2.649a7.7 7.7 0 0 1-2.789-.626c-1.275-.606-2.143-1.2-3.6-1.008c-.989.132-1.98.26-2.966.417c-1.44.23-4.357.456-5.131 2c-.866 1.722-1.951 1.865-1.954 1.866"/><path fill="#400000" d="M7.533 14.3a5.25 5.25 0 0 0 .29 4.016c1.014 2.509 7.242-.664 7.605-.664s1.376-.5 3.766.965s5.359-1.826 5.359-1.826s.345-2.539-.3-2.77s2.211.8 2.211.8a45 45 0 0 1 0 5.928c-.246 1.771-2.781 5.017-2.781 5.755s-5.164 3.833-7.652 3.466s-6.326-.737-8.064-3.54s-3.042-8.351-2.39-10.262S7.533 14.3 7.533 14.3M29.7 4.292h-.016a27 27 0 0 1-2.956.822a6 6 0 0 1-1.332.109a3.4 3.4 0 0 1-.559-.1a1 1 0 0 1-.241-.095l-.349-.158a4.3 4.3 0 0 0-1.684-.32c.068-.048.127-.108.2-.151a2.18 2.18 0 0 1 1.411-.299a2.5 2.5 0 0 0 1.531-.343a4 4 0 0 0 1.159-1.04a.04.04 0 0 0 .007-.039a.044.044 0 0 0-.054-.03l-.034.01c-.582.174-1.051.323-1.459.411a2.9 2.9 0 0 1-1.013.041a2.9 2.9 0 0 0-1.091.1a2.5 2.5 0 0 0-.875.522a2.5 2.5 0 0 0-.611.895a8 8 0 0 0-1.064.256a7.8 7.8 0 0 0-2.842 1.631l-.009.008a.047.047 0 0 0 .051.077a14 14 0 0 1 2.954-.98a5.1 5.1 0 0 1 3.028.125a3.44 3.44 0 0 0 1.543.379a5.6 5.6 0 0 0 1.558-.292a10.8 10.8 0 0 0 2.783-1.459a.05.05 0 0 0 .017-.052a.046.046 0 0 0-.053-.028"/></svg>

Cara memakai ikon File Type Ninja

React

import { Icon } from "@iconify/react";

<Icon icon="vscode-icons:file-type-ninja" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="vscode-icons:file-type-ninja" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="vscode-icons:file-type-ninja" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--file-type-ninja]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-ninja"></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-ninja"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-ninja.svg" alt="Ikon File Type Ninja" width="24" height="24">

Ikon terkait di VSCode Icons

FAQ Ikon File Type Ninja

Apakah ikon File Type Ninja 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 Ninja di React?

Pasang @iconify/react lalu render <Icon icon="vscode-icons:file-type-ninja" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon File Type Ninja ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-ninja.svg" alt="Ikon File Type Ninja">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua VSCode Icons →