File Type Brakeman icon

vscode-icons:file-type-brakeman

The File Type Brakeman icon (vscode-icons:file-type-brakeman) is a free SVG icon from the VSCode Icons set by Roberto Huertas. It is drawn on a 32 × 32 grid. VSCode Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: VSCode Icons
Author: Roberto Huertas
License: MIT
Size: 32 × 32
Tags: filetype, typebrakeman, filetypebrakeman

Download SVG

SVG code

<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>

How to use the File Type Brakeman icon

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>

HTML image

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

Related icons in VSCode Icons

File Type Brakeman icon FAQ

Is the File Type Brakeman icon free for commercial use?

Yes. VSCode Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the File Type Brakeman icon in React?

Install @iconify/react and render <Icon icon="vscode-icons:file-type-brakeman" />, or use “Copy code” on this page to get a standalone React component.

How do I add the File Type Brakeman icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-brakeman.svg" alt="File Type Brakeman icon">, or paste the SVG code inline to style it with CSS.

Browse all VSCode Icons →