أيقونة File Type Brakeman

vscode-icons:file-type-brakeman

أيقونة File Type Brakeman (vscode-icons:file-type-brakeman) أيقونة SVG مجانية من مجموعة VSCode Icons من تصميم 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>

مكوّن ويب

<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، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة File Type Brakeman في React؟

ثبّت @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">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل VSCode Icons →