أيقونة File Type Shaderslang

vscode-icons:file-type-shaderslang

أيقونة File Type Shaderslang (vscode-icons:file-type-shaderslang) أيقونة SVG مجانية من مجموعة VSCode Icons من تصميم Roberto Huertas. مرسومة على شبكة 32 × 32. تُنشر VSCode Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: VSCode Icons
المؤلف: Roberto Huertas
الترخيص: MIT
الحجم: 32 × 32
الوسوم: filetype، typeshaderslang، filetypeshaderslang

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g transform="translate(-1.945 1.142)scale(.0592)"><linearGradient id="SVGkhzVFedb" x1="354.5" x2="395.2" y1="372.4" y2="425.3" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#15768c"/><stop offset=".2" stop-color="#188b9d"/><stop offset=".4" stop-color="#1a9eac"/><stop offset=".6" stop-color="#1ca9b5"/><stop offset=".8" stop-color="#1cadb8"/></linearGradient><path fill="url(#SVGkhzVFedb)" d="M235 419c43 29 92 39 137 23c52-18 86-65 96-123a571 571 0 0 1-233 100"/><linearGradient id="SVGMapTndfC" x1="146" x2="305.4" y1="146.1" y2="62.7" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#f63"/><stop offset=".2" stop-color="#ff7133"/><stop offset=".6" stop-color="#ff8733"/><stop offset=".9" stop-color="#ff8f33"/></linearGradient><path fill="url(#SVGMapTndfC)" d="M360 77c-40-24-86-32-127-17c-50 17-83 61-95 115a574 574 0 0 1 222-98"/><path fill="#f63" d="M514 102c-10-34-73-43-154-25a592 592 0 0 0-222 98c-50 38-78 77-70 104c7 23 39 35 83 33c45-1 102-16 160-44c-70 16-123 14-122-7c2-29 73-86 180-125l43-15q68-21 103-18z"/><path fill="#1fbec9" d="M538 214c-7-23-41-35-88-32c-44 2-99 17-155 43c70-15 123-13 122 7c-2 30-73 86-179 126l-50 17q-64 19-96 16v1c10 33 67 42 143 27a583 583 0 0 0 233-101c51-37 79-76 70-104"/><linearGradient id="SVGp8LAFdcf" x1="143.4" x2="377.1" y1="255.2" y2="144.4" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ed5f2f"/><stop offset="1" stop-color="#f63"/></linearGradient><path fill="url(#SVGp8LAFdcf)" d="M189 261c2-29 73-86 180-125l43-15q-23-27-52-44a592 592 0 0 0-222 98a233 233 0 0 0 13 137c45-1 102-16 160-44c-70 16-123 14-122-7"/><linearGradient id="SVGYJTExbdL" x1="192.8" x2="415.9" y1="353.3" y2="268.4" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#1bacb5"/><stop offset=".9" stop-color="#1fbec9"/></linearGradient><path fill="url(#SVGYJTExbdL)" d="m456 198l-6-16c-44 2-99 17-155 43c70-15 123-13 122 7c-2 30-73 86-179 126l-50 17q21 26 47 44a583 583 0 0 0 233-100q10-58-12-121"/></g></svg>

كيفية استخدام أيقونة File Type Shaderslang

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-shaderslang"></div>

مكوّن ويب

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="vscode-icons:file-type-shaderslang"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-shaderslang.svg" alt="أيقونة File Type Shaderslang" width="24" height="24">

أيقونات ذات صلة في VSCode Icons

الأسئلة الشائعة حول أيقونة File Type Shaderslang

هل أيقونة File Type Shaderslang مجانية للاستخدام التجاري؟

نعم. تُنشر VSCode Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

ثبّت @iconify/react واعرض <Icon icon="vscode-icons:file-type-shaderslang" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة File Type Shaderslang إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-shaderslang.svg" alt="أيقونة File Type Shaderslang">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل VSCode Icons →