ICONYZ
Bahasa Indonesia
Ikon File Type Jsbeautify dari VSCode Icons

Ikon File Type Jsbeautify

vscode-icons:file-type-jsbeautify

Ikon File Type Jsbeautify (vscode-icons:file-type-jsbeautify) 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, typejsbeautify, filetypejsbeautify
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#f1662a" d="M14.5 10.24c-.265-1.822-1-4.338-1.086-5.538a2.215 2.215 0 0 1 1.446-2.236a2.86 2.86 0 0 1 2.272 0a2.215 2.215 0 0 1 1.45 2.234c-.085 1.2-.82 3.716-1.086 5.538"/><path d="m17.724 10.273l-.457-.067c.126-.866.353-1.87.573-2.841a22 22 0 0 0 .511-2.68a1.99 1.99 0 0 0-1.311-2.01a2.63 2.63 0 0 0-2.081 0a1.99 1.99 0 0 0-1.311 2.01a22 22 0 0 0 .511 2.68c.22.971.447 1.975.573 2.841l-.457.067c-.123-.848-.349-1.843-.567-2.806a22 22 0 0 1-.521-2.749a2.43 2.43 0 0 1 1.581-2.462a3.1 3.1 0 0 1 2.463 0a2.43 2.43 0 0 1 1.581 2.462a22 22 0 0 1-.521 2.749c-.218.962-.443 1.957-.567 2.806"/><path fill="#33a9dc" d="M11.824 11.758C10.683 10.313 8.788 8.5 8.115 7.505a2.215 2.215 0 0 1 .134-2.659a2.86 2.86 0 0 1 1.967-1.136a2.215 2.215 0 0 1 2.37 1.213c.526 1.081 1.147 3.628 1.829 5.339"/><path d="M11.642 11.9c-.531-.673-1.224-1.422-1.894-2.147a22 22 0 0 1-1.825-2.12a2.43 2.43 0 0 1 .138-2.923a3.1 3.1 0 0 1 2.133-1.23a2.426 2.426 0 0 1 2.6 1.342a22 22 0 0 1 .923 2.641c.292.942.595 1.917.912 2.713l-.429.171c-.324-.813-.629-1.8-.924-2.747a22 22 0 0 0-.9-2.576a1.99 1.99 0 0 0-2.14-1.085a2.63 2.63 0 0 0-1.8 1.04a1.99 1.99 0 0 0-.131 2.4a22 22 0 0 0 1.782 2.065c.676.731 1.375 1.487 1.917 2.174Z"/><path fill="#f1662a" d="M10.263 14.414c-1.711-.681-4.257-1.3-5.339-1.829a2.215 2.215 0 0 1-1.213-2.37a2.86 2.86 0 0 1 1.136-1.967a2.215 2.215 0 0 1 2.659-.134c1 .673 2.808 2.568 4.253 3.709"/><path d="M10.178 14.629c-.8-.317-1.771-.62-2.713-.912a22 22 0 0 1-2.641-.923a2.43 2.43 0 0 1-1.342-2.6A3.1 3.1 0 0 1 4.713 8.06a2.43 2.43 0 0 1 2.923-.138a22 22 0 0 1 2.12 1.825c.724.67 1.474 1.362 2.146 1.894l-.286.359c-.687-.542-1.443-1.241-2.174-1.917A22 22 0 0 0 7.377 8.3a1.99 1.99 0 0 0-2.4.131a2.63 2.63 0 0 0-1.041 1.8a1.99 1.99 0 0 0 1.085 2.14a22 22 0 0 0 2.576.9c.951.3 1.934.6 2.747.924Z"/><path fill="#33a9dc" d="M10.239 17.5c-1.822.265-4.338 1-5.538 1.086a2.215 2.215 0 0 1-2.236-1.446a2.86 2.86 0 0 1 0-2.272A2.215 2.215 0 0 1 4.7 13.417c1.2.085 3.716.82 5.538 1.086"/><path d="M4.522 18.818a2.44 2.44 0 0 1-2.266-1.588a3.1 3.1 0 0 1 0-2.463a2.426 2.426 0 0 1 2.462-1.581a22 22 0 0 1 2.749.521c.962.218 1.957.443 2.806.567l-.067.457c-.866-.126-1.87-.353-2.841-.573a22 22 0 0 0-2.68-.511a1.99 1.99 0 0 0-2.01 1.311a2.63 2.63 0 0 0 0 2.081a1.99 1.99 0 0 0 2.01 1.311a22 22 0 0 0 2.68-.511c.971-.22 1.975-.447 2.841-.573l.067.457c-.848.123-1.843.349-2.805.567a22 22 0 0 1-2.749.521q-.1.007-.197.007"/><path fill="#f1662a" d="M11.759 20.176c-1.445 1.141-3.257 3.036-4.253 3.709a2.215 2.215 0 0 1-2.659-.134a2.86 2.86 0 0 1-1.136-1.968a2.215 2.215 0 0 1 1.213-2.37c1.081-.526 3.628-1.147 5.339-1.829"/><path d="M6.308 24.5a2.75 2.75 0 0 1-1.6-.563a3.1 3.1 0 0 1-1.232-2.133a2.43 2.43 0 0 1 1.342-2.6a22 22 0 0 1 2.641-.923c.942-.292 1.917-.595 2.713-.912l.171.429c-.813.324-1.8.629-2.747.924a22 22 0 0 0-2.576.9a1.99 1.99 0 0 0-1.085 2.14a2.63 2.63 0 0 0 1.041 1.8a1.99 1.99 0 0 0 2.4.131a22 22 0 0 0 2.065-1.782c.731-.676 1.487-1.375 2.174-1.917l.286.362c-.673.531-1.422 1.224-2.147 1.894a22 22 0 0 1-2.12 1.825a2.35 2.35 0 0 1-1.326.425"/><path fill="#33a9dc" d="M14.416 21.737c-.681 1.711-1.3 4.257-1.829 5.339a2.215 2.215 0 0 1-2.37 1.213a2.86 2.86 0 0 1-1.968-1.136a2.215 2.215 0 0 1-.134-2.659c.673-1 2.568-2.808 3.709-4.253"/><path d="M10.542 28.535q-.17 0-.347-.017a3.1 3.1 0 0 1-2.133-1.231a2.43 2.43 0 0 1-.138-2.923a22 22 0 0 1 1.825-2.12c.67-.724 1.363-1.474 1.894-2.147l.362.286c-.542.687-1.241 1.443-1.917 2.174a22 22 0 0 0-1.782 2.065a1.99 1.99 0 0 0 .131 2.4a2.63 2.63 0 0 0 1.8 1.04a1.99 1.99 0 0 0 2.14-1.085a22 22 0 0 0 .9-2.576c.3-.951.6-1.934.924-2.747l.429.171c-.317.8-.62 1.771-.912 2.713a22 22 0 0 1-.923 2.641a2.36 2.36 0 0 1-2.253 1.356"/><path fill="#f1662a" d="M17.5 21.76c.265 1.822 1 4.338 1.086 5.538a2.215 2.215 0 0 1-1.446 2.236a2.86 2.86 0 0 1-2.272 0a2.215 2.215 0 0 1-1.45-2.234c.085-1.2.82-3.716 1.086-5.538"/><path d="M16 30a3 3 0 0 1-1.231-.256a2.43 2.43 0 0 1-1.581-2.462a22 22 0 0 1 .521-2.749c.218-.962.443-1.957.567-2.806l.457.067c-.126.866-.353 1.87-.573 2.841a22 22 0 0 0-.511 2.68a1.99 1.99 0 0 0 1.311 2.01a2.63 2.63 0 0 0 2.081 0a1.99 1.99 0 0 0 1.311-2.01a22 22 0 0 0-.511-2.679c-.22-.971-.447-1.975-.573-2.841l.457-.067c.124.848.349 1.844.567 2.806a22 22 0 0 1 .521 2.749a2.43 2.43 0 0 1-1.581 2.462A3 3 0 0 1 16 30"/><path fill="#33a9dc" d="M20.176 20.241c1.141 1.445 3.036 3.257 3.709 4.253a2.215 2.215 0 0 1-.134 2.659a2.86 2.86 0 0 1-1.968 1.136a2.215 2.215 0 0 1-2.37-1.213c-.526-1.081-1.147-3.628-1.829-5.339"/><path d="M21.458 28.536a2.36 2.36 0 0 1-2.252-1.359a22 22 0 0 1-.923-2.641c-.292-.942-.595-1.916-.912-2.713l.429-.171c.324.813.629 1.8.924 2.747a22 22 0 0 0 .9 2.576a1.99 1.99 0 0 0 2.14 1.085a2.63 2.63 0 0 0 1.8-1.041a1.99 1.99 0 0 0 .131-2.4a22 22 0 0 0-1.782-2.066c-.676-.731-1.375-1.487-1.917-2.174l.362-.286c.531.673 1.224 1.422 1.893 2.146a22 22 0 0 1 1.826 2.121a2.426 2.426 0 0 1-.138 2.922a3.1 3.1 0 0 1-2.133 1.232q-.178.022-.348.022"/><path fill="#f1662a" d="M21.738 17.585c1.711.681 4.257 1.3 5.339 1.829a2.215 2.215 0 0 1 1.213 2.37a2.86 2.86 0 0 1-1.136 1.968a2.215 2.215 0 0 1-2.659.134c-1-.673-2.808-2.568-4.253-3.709"/><path d="M25.693 24.5a2.35 2.35 0 0 1-1.328-.426a22 22 0 0 1-2.12-1.826c-.724-.67-1.473-1.362-2.146-1.893l.285-.355c.687.542 1.443 1.241 2.174 1.917a22 22 0 0 0 2.065 1.782a1.99 1.99 0 0 0 2.4-.131a2.63 2.63 0 0 0 1.04-1.8a1.99 1.99 0 0 0-1.085-2.14a22 22 0 0 0-2.576-.9c-.951-.3-1.934-.6-2.747-.924l.171-.429c.8.317 1.771.62 2.713.912a22 22 0 0 1 2.641.923a2.43 2.43 0 0 1 1.342 2.6a3.1 3.1 0 0 1-1.231 2.133a2.75 2.75 0 0 1-1.598.557"/><path fill="#33a9dc" d="M21.761 14.506c1.822-.265 4.338-1 5.538-1.086a2.215 2.215 0 0 1 2.236 1.446a2.86 2.86 0 0 1 0 2.272a2.215 2.215 0 0 1-2.235 1.446c-1.2-.085-3.716-.82-5.538-1.086"/><path d="M27.478 18.821q-.096.002-.2-.007a22 22 0 0 1-2.749-.521c-.962-.218-1.957-.443-2.806-.567l.067-.457c.866.126 1.87.353 2.841.573a22 22 0 0 0 2.679.511a1.99 1.99 0 0 0 2.01-1.311a2.63 2.63 0 0 0 0-2.081a1.99 1.99 0 0 0-2.01-1.311a22 22 0 0 0-2.68.511c-.971.22-1.975.447-2.841.573l-.067-.457c.848-.123 1.843-.349 2.806-.567a22 22 0 0 1 2.749-.521a2.43 2.43 0 0 1 2.462 1.581a3.1 3.1 0 0 1 0 2.463a2.44 2.44 0 0 1-2.261 1.588"/><path fill="#f1662a" d="M20.243 11.825c1.445-1.14 3.257-3.035 4.257-3.709a2.215 2.215 0 0 1 2.659.134a2.86 2.86 0 0 1 1.136 1.968a2.215 2.215 0 0 1-1.213 2.37c-1.081.526-3.628 1.147-5.339 1.829"/><path d="m21.824 14.631l-.171-.429c.813-.324 1.8-.629 2.747-.924a22 22 0 0 0 2.576-.9a1.99 1.99 0 0 0 1.085-2.14a2.63 2.63 0 0 0-1.04-1.8a1.99 1.99 0 0 0-2.4-.131a22 22 0 0 0-2.065 1.782c-.731.676-1.487 1.375-2.174 1.917l-.286-.362c.673-.531 1.422-1.224 2.146-1.894a22 22 0 0 1 2.12-1.826a2.43 2.43 0 0 1 2.923.138A3.1 3.1 0 0 1 28.52 10.2a2.426 2.426 0 0 1-1.342 2.6a22 22 0 0 1-2.641.923c-.937.289-1.916.591-2.713.908"/><path fill="#33a9dc" d="M17.585 10.263c.681-1.711 1.3-4.257 1.829-5.339a2.215 2.215 0 0 1 2.37-1.213a2.86 2.86 0 0 1 1.968 1.136a2.215 2.215 0 0 1 .134 2.659c-.673 1-2.568 2.808-3.709 4.253"/><path d="M20.357 11.9L20 11.617c.542-.687 1.241-1.443 1.917-2.174a22 22 0 0 0 1.782-2.065a1.99 1.99 0 0 0-.131-2.4a2.63 2.63 0 0 0-1.8-1.041a1.99 1.99 0 0 0-2.14 1.085a22 22 0 0 0-.9 2.576c-.3.951-.6 1.934-.924 2.747l-.429-.171c.317-.8.62-1.771.912-2.713a22 22 0 0 1 .923-2.641a2.43 2.43 0 0 1 2.6-1.342a3.1 3.1 0 0 1 2.133 1.231a2.43 2.43 0 0 1 .138 2.923a22 22 0 0 1-1.826 2.12c-.674.729-1.367 1.478-1.898 2.148"/><path fill="#ffd800" d="M21.9 16a5.9 5.9 0 1 1-5.9-5.9a5.9 5.9 0 0 1 5.9 5.9"/><path fill="#020000" d="M16 22.175A6.175 6.175 0 1 1 22.175 16A6.18 6.18 0 0 1 16 22.175m0-11.8A5.622 5.622 0 1 0 21.622 16A5.63 5.63 0 0 0 16 10.378Z"/></svg>

Cara memakai ikon File Type Jsbeautify

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Gambar HTML

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

Ikon terkait di VSCode Icons

Ikon file-type-access
file-type-access
 Ikon file-type-access2
file-type-access2
 Ikon file-type-actionscript
file-type-actionscript
 Ikon file-type-actionscript2
file-type-actionscript2
 Ikon file-type-ada
file-type-ada
 Ikon file-type-advpl
file-type-advpl
 Ikon file-type-affectscript
file-type-affectscript
 Ikon file-type-affinity
file-type-affinity
 Ikon file-type-affinitydesigner
file-type-affinitydesigner
 Ikon file-type-affinityphoto
file-type-affinityphoto
 Ikon file-type-affinitypublisher
file-type-affinitypublisher
 Ikon file-type-agda
file-type-agda
 Ikon file-type-agents
file-type-agents
 Ikon file-type-ai
file-type-ai
 Ikon file-type-ai2
file-type-ai2
 Ikon file-type-aikido
file-type-aikido
 Ikon file-type-al
file-type-al
 Ikon file-type-al-dal
file-type-al-dal
 Ikon file-type-alchemy
file-type-alchemy
 Ikon file-type-allcontributors
file-type-allcontributors
 Ikon file-type-alloy
file-type-alloy
 Ikon file-type-allure
file-type-allure
 Ikon file-type-angular
file-type-angular
 Ikon file-type-ansible
file-type-ansible

FAQ Ikon File Type Jsbeautify

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

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

Bagaimana cara menambahkan ikon File Type Jsbeautify ke halaman web?

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

Lihat semua VSCode Icons →