File Type Brakeman アイコン

Q: File Type Brakeman アイコンは商用利用でも無料ですか?

はい。VSCode Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

vscode-icons:file-type-brakeman

File Type Brakeman アイコン(vscode-icons:file-type-brakeman)は、VSCode Icons セットの無料 SVG アイコンです（作者: Roberto Huertas）。 32 × 32 のグリッドで描かれています。 VSCode Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: VSCode Icons
作者: Roberto Huertas
ライセンス: MIT
サイズ: 32 × 32
タグ: filetype、typebrakeman、filetypebrakeman

SVG をダウンロード

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>

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 コンポーネント

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

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

VSCode Icons の関連アイコン

File Type Brakeman アイコンのよくある質問

File Type Brakeman アイコンは商用利用でも無料ですか?

はい。VSCode Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で File Type Brakeman アイコンを使うには?

@iconify/react をインストールして <Icon icon="vscode-icons:file-type-brakeman" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

File Type Brakeman アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-brakeman.svg" alt="File Type Brakeman アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

VSCode Icons をすべて見る →