Ikon File Type Brakeman

vscode-icons:file-type-brakeman

Ikon File Type Brakeman (vscode-icons:file-type-brakeman) 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, typebrakeman, filetypebrakeman

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><clipPath id="SVG9lTGpbFQ"><path d="M354 690h137V541H354z"/></clipPath><clipPath id="SVGPTYqXdBW"><path d="M390 660h65v-70h-65z"/></clipPath><clipPath id="SVGq1SWWbqG"><path d="m390 633l16 27h34l16-27l-32-42z"/></clipPath><clipPath id="SVGVZRXFbLF"><path d="M334 699q-8-23-8-49c0-67 42-121 94-121s94 54 94 121c0 18-3 34-8 49z"/></clipPath><clipPath id="SVGXjpI7dzt"><path d="m397 673l-25-43l50-66l50 66l-25 43z"/></clipPath><clipPath id="SVGcb7qkcGa"><path d="M391 657h64v-68h-64z"/></clipPath><clipPath id="SVGW3YAedWh"><path d="m391 630l15 27h33l15-27l-32-42z"/></clipPath><clipPath id="SVG39c6icZe"><path d="M339 705h167v-96H339z"/></clipPath><radialGradient id="SVGo5rUuc2l" cx="0" cy="0" r="1" gradientTransform="matrix(53.72 0 0 -53.72 422.6 620)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ec1e4b"/><stop offset=".4" stop-color="#ec1e4b"/><stop offset=".9" stop-color="#9d1c29"/><stop offset="1" stop-color="#9d1c29"/></radialGradient><radialGradient id="SVGvSScDSzG" gradientTransform="matrix(33.643 0 0 -33.643 422.6 625)" href="#SVGo5rUuc2l"><stop offset="0" stop-color="#771117"/><stop offset="1" stop-color="#f18051"/></radialGradient><radialGradient id="SVGGFIf9uvq" gradientTransform="matrix(89.757 0 0 -89.757 420.1 614)" href="#SVGo5rUuc2l"><stop offset="0" stop-color="#f5865c"/><stop offset=".4" stop-color="#f5865c"/><stop offset=".9" stop-color="#c51f36"/><stop offset="1" stop-color="#c51f36"/></radialGradient><radialGradient id="SVGw4Rw7vXY" gradientTransform="matrix(52.641 0 0 -52.641 422.6 618)" href="#SVGo5rUuc2l"/><radialGradient id="SVGYGt0GcZF" gradientTransform="matrix(32.97 0 0 -32.97 422.6 623)" href="#SVGvSScDSzG"/></defs><g clip-path="url(#SVG9lTGpbFQ)" opacity=".5" transform="matrix(.03661 0 0 -.03661 .6 42.2)"><path fill="#231f20" d="m367 631l55-72l55 72l-28 48h-56zm55-91l-69 90l34 60h68l34-60z"/><path fill="url(#SVGo5rUuc2l)" d="m371 632l26 44h52l26-44l-52-67z"/><g clip-path="url(#SVGPTYqXdBW)" opacity=".6"><g clip-path="url(#SVGq1SWWbqG)"><path fill="url(#SVGvSScDSzG)" d="m390 633l16 27h34l16-27l-32-42z"/></g></g><path fill="#231f20" d="m442 658l-7 4l12 19l7-4zm-39 0l-11 19l7 4l11-19zm395 633l28-36l28 36l-13 23h-29zm28-49l-37 49l18 31h38l18-31zm478 627l-23 2v8l23-2zm-110 0v8l23 2v-8zm59-74h-8v37h8z"/></g><path fill="#6c6c71" d="M21.7 14.4h-1.5V13q0-.5-.7-.6h-1.1v-1.7h-4.7v1.7h-1q-.7 0-.7.6v1.3h-1.6q-.6 0-.7.6v.4q0 .7.7.7h1.2a8 8 0 0 0-.8 3.4q0 2.4 1.2 4.2v1q-.9 0-1 .6v3q.1.5 1 .6h8.2q.8 0 .8-.7v-2.9q0-.6-.8-.7h-.5v-.4q1.6-1.9 1.6-4.7a8 8 0 0 0-.8-3.4h1.2q.6 0 .7-.7V15q0-.5-.7-.6" opacity=".8"/><path fill="#c51f36" d="M12.8 16.6q-.3.8-.3 1.8c0 2.4 1.6 4.4 3.5 4.4s3.4-2 3.4-4.4q0-.9-.3-1.8z"/><g clip-path="url(#SVGVZRXFbLF)" transform="matrix(.03661 0 0 -.03661 .6 42.2)"><path fill="url(#SVGGFIf9uvq)" d="M334 699q-8-23-8-49c0-67 42-121 94-121s94 54 94 121c0 18-3 34-8 49z"/></g><path fill="#231f20" d="m12.9 28l-.2.2l-.2-.1v-2.6h.4zm1.3 0l-.1.2l-.2-.1v-2.6h.3zm1.4 0l-.1.2l-.2-.1v-2.6h.3zm1.4 0q0 .2-.2.2t-.1-.1v-2.6h.3zm1.4 0l-.2.2l-.1-.1v-2.6h.3zm1.3 0l-.1.2l-.2-.1v-2.6h.3zm-5.6-8.8l2 2.6l2-2.6l-1-1.7h-2zm2 3.2l-2.5-3.2l1.2-2.1h2.5l1.2 2.1z"/><g clip-path="url(#SVGXjpI7dzt)" transform="matrix(.03661 0 0 -.03661 .6 42.2)"><path fill="url(#SVGw4Rw7vXY)" d="m397 673l-25-43l50-66l50 66l-25 43z"/></g><g clip-path="url(#SVGcb7qkcGa)" opacity=".6" transform="matrix(.03661 0 0 -.03661 .6 42.2)"><g clip-path="url(#SVGW3YAedWh)"><path fill="url(#SVGYGt0GcZF)" d="m391 630l15 27h33l15-27l-32-42z"/></g></g><g fill="#231f20"><path d="m16.8 18.2l-.3-.1l.5-.7l.2.1zm-1.5 0l-.3-.7l.2-.1l.4.7z"/><path d="m15 19.1l1 1.3l1-1.3l-.4-.8h-1zm1 1.8L14.8 19l.7-1.1h1.4l.6 1.1z"/><path d="M18 19.3h-.8V19h.9zm-4 0V19h.9v.3zm2.2 2.7H16v-1.4h.3z"/></g><g clip-path="url(#SVG39c6icZe)" opacity=".4" transform="matrix(.03661 0 0 -.03661 .6 42.2)"><path fill="#f47d55" d="M423 679a84 84 0 0 0 83-71q1 6 1 13a84 84 0 1 1-167-13a84 84 0 0 0 83 71"/></g><path d="M10.4 14.2a1 1 0 0 0-.9.8v.4a1 1 0 0 0 .9.9h.9l-.2.6a8 8 0 0 0-.5 2.6q0 2.3 1.2 4.2v.7l-.3.1q-.6.3-.6.8v3q0 .7 1 .8h8.3q1 0 1-.9v-2.9q0-.6-.7-.8l-.6-.2l.4-.5a8 8 0 0 0 1.2-4.3q0-1.4-.4-2.6l-.2-.6h.8a1 1 0 0 0 .9-.9V15a1 1 0 0 0-.9-.8h-1.3v-1a1 1 0 0 0-.9-1h-1v-1.6h-5v1.7h-.9a1 1 0 0 0-.8.8v1zM20.2 30h-8.3c-1 0-2-.8-2-1.8v-2.9q0-.9 1-1.5a9 9 0 0 1-.9-6.6a2 2 0 0 1-1.4-1.8V15a2 2 0 0 1 1.8-1.7h.4V13a2 2 0 0 1 1.8-1.8V9.7h6.9v1.6a2 2 0 0 1 1.8 1.8v.2h.4a2 2 0 0 1 1.8 1.7v.4a2 2 0 0 1-1.4 1.8q.3 1 .3 2.3q0 2.4-1.1 4.3a2 2 0 0 1 .9 1.5v3c0 .9-1 1.7-2 1.7"/><path d="M15.2 12.2a.4.4 0 1 1-.7 0a.4.4 0 0 1 .7 0m1.2 0a.4.4 0 1 1-.7 0a.4.4 0 0 1 .7 0m1.3 0a.4.4 0 1 1-.8 0a.4.4 0 0 1 .8 0M21 24.6H11v-1.1h10zm1 .3l-.8-1a5 5 0 0 0 .8-7.2l1-.7a6.4 6.4 0 0 1-1 8.9m-12 0a6.4 6.4 0 0 1-1-9l.9.8a5 5 0 0 0 .8 7.3z"/><path d="M10.2 15a7 7 0 0 1-1.5-4.4a7.4 7.4 0 0 1 7.4-7.4a7.4 7.4 0 0 1 7.4 7.4q0 2.4-1.4 4.4h1.4a8.6 8.6 0 0 0-7.4-13a8.6 8.6 0 0 0-7.3 13zm13.2 7.2H8.7V21h14.7z"/><path d="M8.7 16.6a1.2 1.2 0 0 1 0-2v-1.3a2.4 2.4 0 0 0 0 4.6zm14.7-2a1.2 1.2 0 0 1 0 2V18a2.4 2.4 0 0 0 0-4.6zm-13 .9h11.4v-.3H10.3zm11.3 1.2H10.4q-1.2-.1-1.3-1.1V15q.1-1 1.3-1h11.3q1.2 0 1.3 1v.5q-.1 1-1.3 1"/><path d="M18.5 16.5a4 4 0 0 1 .6 2.2c0 2-1.4 3.7-3 3.7s-3.2-1.6-3.2-3.7q0-1.3.7-2.2h-1a5 5 0 0 0-.5 2.2c0 2.5 1.7 4.6 4 4.6s3.9-2 3.9-4.6a5 5 0 0 0-.5-2.2z"/></svg>

Cara memakai ikon File Type Brakeman

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Gambar HTML

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

Ikon terkait di VSCode Icons

FAQ Ikon File Type Brakeman

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

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

Bagaimana cara menambahkan ikon File Type Brakeman ke halaman web?

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

Lihat semua VSCode Icons →