Ikon File Type Dojo

vscode-icons:file-type-dojo

Ikon File Type Dojo (vscode-icons:file-type-dojo) 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, typedojo, filetypedojo

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><linearGradient id="SVGMqkYPe5z" x1="9.348" x2="9.348" y1="-80.996" y2="-78.788" gradientTransform="matrix(1 0 0 -1 0 -59.52)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fffa8f"/><stop offset="1" stop-color="#fb784b"/></linearGradient><linearGradient id="SVGuvHFIcPk" x1="25.805" x2="26.62" y1="-71.31" y2="-70.64" gradientTransform="matrix(1 0 0 -1 0 -59.52)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5bcb99"/><stop offset="1" stop-color="#85a8e8"/></linearGradient><linearGradient id="SVGyswvcb5k" x1="10.383" x2="35.773" y1="-79.402" y2="-66.228" gradientTransform="matrix(1 0 0 -1 0 -59.52)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#34e28b"/><stop offset="1"/></linearGradient><linearGradient id="SVGGbzDydfd" x1="15.046" x2="17.043" y1="-81.951" y2="-81.951" gradientTransform="matrix(1 0 0 -1 0 -59.52)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#c297ff"/><stop offset="1" stop-color="#ae31bb"/></linearGradient><linearGradient id="SVGia2bDd5V" x1="6.91" x2="32.155" y1="-91.574" y2="-71.884" gradientTransform="matrix(1 0 0 -1 0 -59.52)" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop offset="1" stop-color="#d23de2"/></linearGradient><linearGradient id="SVGxSK3kb2T" x1="25.576" x2="24.554" y1="-70.194" y2="-73.644" gradientTransform="matrix(1 0 0 -1 0 -59.52)" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop offset="1" stop-opacity="0"/></linearGradient><linearGradient id="SVG4CIoldjX" x1="16.239" x2="23.418" y1="-83.545" y2="-85.284" gradientTransform="matrix(1 0 0 -1 0 -59.52)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2db5f9"/><stop offset="1"/></linearGradient><linearGradient id="SVG2O8gNcCg" x1="10.627" x2="5.884" y1="-65.468" y2="-78.497" gradientTransform="matrix(1 0 0 -1 0 -59.52)" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop offset=".21" stop-color="#48080a"/><stop offset=".42" stop-color="#891014"/><stop offset=".61" stop-color="#bc151b"/><stop offset=".78" stop-color="#e01a21"/><stop offset=".91" stop-color="#f71c24"/><stop offset="1" stop-color="#ff1d25"/></linearGradient></defs><path fill="url(#SVGMqkYPe5z)" d="m5.4 18.871l.066.1a7.4 7.4 0 0 0 1.186 1.317a5.8 5.8 0 0 0 3.684 1.312h.253a8.6 8.6 0 0 0 2.706-.672a9 9 0 0 1-1.165.106a4.73 4.73 0 0 1-3.516-1.57a8.6 8.6 0 0 1-3.214-.593"/><path fill="#f15a24" d="M10.333 9.964a5.82 5.82 0 0 1 4.984 2.809a4.74 4.74 0 0 0-4.517-1.039a12.3 12.3 0 0 0 4.521 1.044a3.64 3.64 0 0 0-2.537-2.9C9.373 8.487 8.9 8.762 8.038 7.316a3.85 3.85 0 0 0 .772 2.837a5.8 5.8 0 0 1 1.523-.189"/><path fill="#ed1c24" d="M12.787 9.876c-1.167-.465-1.988-.755-2.6-.977a4.3 4.3 0 0 0 .64 1.084a5.82 5.82 0 0 1 4.5 2.79a4.73 4.73 0 0 0-2.631-1.2a14 14 0 0 0 2.56 1.2h.075a3.65 3.65 0 0 0-2.544-2.897"/><path fill="#c1272d" d="M15.319 12.778h.013a3.5 3.5 0 0 0-1.589-3.295C10.973 7.335 10.434 7.135 10.3 6a3.56 3.56 0 0 0-.117 2.9c.612.213 1.436.5 2.6.977a3.64 3.64 0 0 1 2.539 2.9Z"/><path fill="url(#SVGuvHFIcPk)" d="M23.723 10.9a4.3 4.3 0 0 1 2.829 1.054a3.82 3.82 0 0 1 2.437 1.02A5.65 5.65 0 0 0 22.558 11a5.3 5.3 0 0 0-1.049.514a4.3 4.3 0 0 1 2.214-.614"/><path fill="url(#SVGyswvcb5k)" d="M23.723 10.9a4.3 4.3 0 0 0-2.214.611l.119-.073c-3.315 1.952-7.38 7.952-13.014 8.026a4.73 4.73 0 0 0 3.516 1.56a9 9 0 0 0 1.165-.107c3.665-1.51 7.185-5.12 8.783-6.872a5.64 5.64 0 0 1 4.481-2.093a4.32 4.32 0 0 0-2.836-1.052"/><path fill="url(#SVGGbzDydfd)" d="M15.164 22.532a2.7 2.7 0 0 0-.118.747a2.9 2.9 0 0 0 .133.864a2.13 2.13 0 0 1 .7-1.888l.017-.064a2.6 2.6 0 0 1 1.143-1.473a5 5 0 0 0-.51.2a2.67 2.67 0 0 0-1.365 1.614"/><path fill="url(#SVGia2bDd5V)" d="M30 16.142a5.43 5.43 0 0 0-1.018-3.172a3.82 3.82 0 0 0-2.43-1.012a4.32 4.32 0 0 1 1.494 3.275a4.3 4.3 0 0 1-2.236 4.009c-2.488 1.3-6.3.683-8.784 1.494a2.6 2.6 0 0 0-1.141 1.47l-.017.064c.725-.641 2.157-1.095 4.949-.734a12.45 12.45 0 0 0 4.939-.064a5.28 5.28 0 0 0 3.233-2.179A5.43 5.43 0 0 0 30 16.142"/><path fill="url(#SVGxSK3kb2T)" d="M30 16.142a5.43 5.43 0 0 0-1.018-3.172a3.82 3.82 0 0 0-2.43-1.012a4.32 4.32 0 0 1 1.494 3.275a4.3 4.3 0 0 1-2.236 4.009c-2.488 1.3-6.3.683-8.784 1.494a2.6 2.6 0 0 0-1.141 1.47l-.017.064c.725-.641 2.157-1.095 4.949-.734a12.45 12.45 0 0 0 4.939-.064a5.28 5.28 0 0 0 3.233-2.179A5.43 5.43 0 0 0 30 16.142" opacity=".49"/><path fill="url(#SVG4CIoldjX)" d="M17.641 25.465a2.62 2.62 0 0 1-1.754-3.217a2.13 2.13 0 0 0-.7 1.888a2.68 2.68 0 0 0 4.312 1.21a2.6 2.6 0 0 1-1.858.119"/><path fill="#2db5f9" d="M18.55 25.276c.27-.792 1.149-2.012 2.09-1.453c0 0 .766.426.926-.783c0 0 .574 2.854-2.191 2.758c0 0 .623-.454.617-.921a3.2 3.2 0 0 1-1.442.399"/><path fill="#5fd2ff" d="M19.655 23.528a1.01 1.01 0 0 1 1.034-.055c.391.173.882-.5.457-1.11c0 0 .028.626-.476.619a1.13 1.13 0 0 0-1.015.546"/><path fill="#219058" d="M22.432 14.446a21 21 0 0 1-1.747 1.843c-.113.186.192.783.64.826s.105-.173.066-.384s.135.134.677.053s-.2-.281-.145-.554s.608-.792.83-1.313s.6 0 .407.408c-.077.162.617-.454.267-.924s-.608-.482-.995.045"/><path fill="url(#SVG2O8gNcCg)" d="M10.8 11.734a5.3 5.3 0 0 1-1.991-1.568a5.82 5.82 0 0 0-3.413 8.7a8.5 8.5 0 0 0 3.215.6a4.742 4.742 0 0 1 2.189-7.732"/><path fill="#f7b852" d="M10.813 9.983a8 8 0 0 0 1.876 1.593a4.73 4.73 0 0 1 2.628 1.2a5.82 5.82 0 0 0-4.504-2.793"/><path fill="#ff8431" d="M10.813 9.983a6 6 0 0 0-.477-.019a5.8 5.8 0 0 0-1.524.213a5.3 5.3 0 0 0 1.988 1.568a4.7 4.7 0 0 1 1.886-.156a8.4 8.4 0 0 1-1.873-1.606"/><path fill="#fffb69" d="M14.044 11.308a4.3 4.3 0 0 0-1.564-.935a1.44 1.44 0 0 0 1.564.935"/><path fill="#c1272d" d="M8.964 8.033a2.3 2.3 0 0 0 .853.48a2.4 2.4 0 0 1-.117-.971c0-.023-.736-.013-.854-.617a1.6 1.6 0 0 0 .118 1.108"/><path fill="#f15a24" d="M7.4 22.529a3.2 3.2 0 0 1-.728.536a1.8 1.8 0 0 1 .2-.77a2.1 2.1 0 0 0-.9.4a4 4 0 0 1 .145-.689a1.07 1.07 0 0 0-.674.508v-.1c.045-.587.269-1.11 1.146-.979c.027 0 .054.009.081.014a1.74 1.74 0 0 1 .86.331a2.4 2.4 0 0 1 .572.408c.315.292-.242.738-.702.341m-3.316-5.056c.009.453-.665.312-.721-.388a3 3 0 0 0-.031-.246C3.1 16.474 2.4 16.5 2.4 16.5a1.9 1.9 0 0 1 .619-.36a.86.86 0 0 0-.819-.24a3.4 3.4 0 0 1 .553-.333A1.07 1.07 0 0 0 2 15.406a1 1 0 0 1 .081-.062c.487-.33 1.033-.484 1.489.273a2 2 0 0 1 .09.162h-.016a4 4 0 0 1 .349 1a2.4 2.4 0 0 1 .091.694"/><path fill="#c1272d" d="M10.961 12.11c-.815.179-.689.825-.689.825s.258-.311 1.676-.48a6.6 6.6 0 0 1-.987-.345"/></svg>

Cara memakai ikon File Type Dojo

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Gambar HTML

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

Ikon terkait di VSCode Icons

FAQ Ikon File Type Dojo

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

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

Bagaimana cara menambahkan ikon File Type Dojo ke halaman web?

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

Lihat semua VSCode Icons →