Иконка File Type Xaml

vscode-icons:file-type-xaml

Иконка File Type Xaml (vscode-icons:file-type-xaml) — бесплатная SVG-иконка из набора VSCode Icons от Roberto Huertas. Она нарисована на сетке 32 × 32. VSCode Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: VSCode Icons
Автор: Roberto Huertas
Лицензия: MIT
Размер: 32 × 32
Теги: filetype, typexaml, filetypexaml

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#SVGajMI2Gxo)" d="M248.74.103H116.26a49.77 49.77 0 0 0-43.105 24.886L7.157 139.299A53.4 53.4 0 0 0 0 166.009h182.5c0-1.052.277-1.885.803-2.796l90.324-156.44A49.74 49.74 0 0 0 248.741.105z" transform="translate(2 3.262)scale(.07671)"/><path fill="url(#SVGVE8enzjD)" d="M248.74 331.92H116.26a49.77 49.77 0 0 1-43.104-24.887L7.157 192.723C2.502 184.66.035 175.321 0 166.014h182.5c0 .79.207 1.765.602 2.449l90.524 156.79a49.73 49.73 0 0 1-24.885 6.668z" transform="translate(2 3.262)scale(.07671)"/><path fill="url(#SVGUi0kec3s)" d="m357.84 192.72l-65.999 114.31a49.75 49.75 0 0 1-18.218 18.218l-90.524-156.79a4.5 4.5 0 0 1-.602-2.248c0-1.052.277-2.086.803-2.997l90.324-156.44a49.74 49.74 0 0 1 18.217 18.218l65.999 114.31a53.43 53.43 0 0 1 0 53.419" transform="translate(2 3.262)scale(.07671)"/><path fill="url(#SVGJIgqk7Us)" d="m182.62 49.876l-33.525 58.068l-32.453 56.245a3.7 3.7 0 0 0-.489 1.836l.006.188H51.237l-.002-.201c0-2.124.547-4.247 1.64-6.16c5.693-9.96 17.618-30.641 29.897-51.908h-.04l28.736-49.773a16.59 16.59 0 0 1 14.368-8.295z" transform="translate(2 3.262)scale(.07671)"/><path fill="url(#SVGvNDOMc3v)" d="M149.03 224.2h.024l-32.414-56.358a3.65 3.65 0 0 1-.483-1.623l-.006-.187H51.233a12.4 12.4 0 0 0 1.64 6.145c5.703 9.978 17.66 30.715 29.96 52.019h-.039l28.672 49.66a16.59 16.59 0 0 0 14.368 8.296h56.8z" transform="translate(2 3.262)scale(.07671)"/><path fill="url(#SVGEdbocEqq)" d="m215.23 107.94l33.588 58.186l-33.523 58.063l1.795 3.122l31.645 54.833l60.876-105.39l2.624-4.596a12.39 12.39 0 0 0 0-12.291l-2.649-4.638l-27.241-47.168h-.02l-33.59-58.186z" transform="translate(2 3.262)scale(.07671)"/><defs><linearGradient id="SVGajMI2Gxo" x1="99.545" x2="28.425" y1="8.398" y2="121.15" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3bd5ff"/><stop offset="1" stop-color="#0fafff"/></linearGradient><linearGradient id="SVGVE8enzjD" x1="99.546" x2="86.823" y1="166.01" y2="333.58" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0fafff"/><stop offset="1" stop-color="#0078d4"/></linearGradient><linearGradient id="SVGUi0kec3s" x1="197.71" x2="459.94" y1="6.77" y2="144.51" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0078d4"/><stop offset="1" stop-color="#004695"/></linearGradient><linearGradient id="SVGJIgqk7Us" x1="51.233" x2="166.71" y1="49.876" y2="180.3" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fefefe"/><stop offset="1" stop-color="#e6f9fe"/></linearGradient><linearGradient id="SVGvNDOMc3v" x1="51.233" x2="149.65" y1="180.47" y2="307.67" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#e6f9fe"/><stop offset="1" stop-color="#9deaff"/></linearGradient><linearGradient id="SVGEdbocEqq" x1="215.23" x2="382.36" y1="49.876" y2="120.85" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9deaff"/><stop offset="1" stop-color="#3bd5ff"/></linearGradient></defs></g></svg>

Как использовать иконку File Type Xaml

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-xaml.svg" alt="Иконка File Type Xaml" width="24" height="24">

Вопросы и ответы: Иконка File Type Xaml

Можно ли бесплатно использовать иконку File Type Xaml в коммерческих проектах?

Да. VSCode Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку File Type Xaml в React?

Установите @iconify/react и выведите <Icon icon="vscode-icons:file-type-xaml" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку File Type Xaml на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-xaml.svg" alt="Иконка File Type Xaml">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все VSCode Icons →