Иконка File Type Aurelia

vscode-icons:file-type-aurelia

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

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><linearGradient id="SVGRHJeremp" x1="-73.299" x2="-69.112" y1="-36.757" y2="-40.601" gradientTransform="matrix(7.886 0 0 -8.589 578.084 -327.095)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#c06fbb"/><stop offset="1" stop-color="#6e4d9b"/></linearGradient><linearGradient id="SVG3YWHirfv" x1="-75.72" x2="-76.857" y1="-29.976" y2="-28.423" gradientTransform="matrix(15.701 0 0 -16.956 1213.064 -480.525)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6e4d9b"/><stop offset=".14" stop-color="#77327a"/><stop offset=".29" stop-color="#b31777"/><stop offset=".84" stop-color="#cd0f7e"/><stop offset="1" stop-color="#ed2c89"/></linearGradient><linearGradient id="SVGtdFDudnc" x1="-74.781" x2="-70.958" y1="-34.695" y2="-40.015" gradientTransform="matrix(8.637 0 0 -7.94 632.817 -284.546)" href="#SVGRHJeremp"/><linearGradient id="SVGaTFc8veY" x1="-3.96" x2="31.012" y1="41.901" y2="13.213" href="#SVGRHJeremp"/><linearGradient id="SVGaokmQddn" x1="-72.241" x2="-69.334" y1="-41.388" y2="-43.773" gradientTransform="matrix(6.504 0 0 -6.517 478.263 -265.393)" href="#SVGRHJeremp"/><linearGradient id="SVG8zdg8djv" x1="-74.154" x2="-70.411" y1="-34.519" y2="-37.816" gradientTransform="matrix(10.02 0 0 -10.013 732.69 -346.247)" href="#SVGRHJeremp"/><linearGradient id="SVGPNb3jb4m" x1="-74.562" x2="-75.704" y1="-31.575" y2="-30.013" gradientTransform="matrix(15.678 0 0 -16.922 1195.287 -503.63)" href="#SVG3YWHirfv"/><linearGradient id="SVGBjRVEbFG" x1="-73.124" x2="-68.938" y1="-36.529" y2="-41.164" gradientTransform="matrix(7.887 0 0 -8.589 578.148 -327.094)" href="#SVGRHJeremp"/><linearGradient id="SVGZbnC5XyB" x1="-78.108" x2="-77.58" y1="-25.063" y2="-24.54" gradientTransform="rotate(191.284 1548.999 -319)scale(-38.369 38.213)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6e4d9b"/><stop offset=".14" stop-color="#77327a"/><stop offset=".53" stop-color="#b31777"/><stop offset=".79" stop-color="#cd0f7e"/><stop offset="1" stop-color="#ed2c89"/></linearGradient></defs><path fill="url(#SVGRHJeremp)" d="m20.336 7.408l-2.6 1.734l-2.676-4.011l2.6-1.734z"/><path fill="url(#SVG3YWHirfv)" d="m22.449 19.461l4.44 6.654l-5.289 3.529l-4.44-6.654l-.775-1.161l5.289-3.53l.775 1.161Z"/><path fill="url(#SVGtdFDudnc)" d="m15.787 23.907l.978 1.465l-4.026 2.687l-1.752-2.626l.88-.587l3.147-2.1l.775 1.161Z"/><path fill="url(#SVGaTFc8veY)" d="m24.648 16.316l1.129-.754l1.752 2.626l-2.599 1.734l-.977-1.465l1.47-.981z"/><path fill="url(#SVGaokmQddn)" d="m23.953 18.457l-.775-1.161l1.47-.98l.775 1.16z"/><path fill="url(#SVG8zdg8djv)" d="m6.424 16.692l-.879.587l-2.677-4.012l4.026-2.687l1.876 2.813l-3.146 2.1l3.146-2.1l.8 1.2l-3.147 2.1Z"/><path fill="url(#SVGPNb3jb4m)" d="m15.432 8.947l.8 1.2l-5.289 3.53l-.8-1.2l-4.4-6.591l5.289-3.53z"/><path fill="url(#SVGBjRVEbFG)" d="m19.207 8.162l-1.47.981l-.8-1.2l-1.877-2.812l2.6-1.734l2.677 4.012z"/><path fill="#714896" d="m12.64 26.006l-.775-1.161l3.147-2.1l.775 1.161l-3.146 2.1Z"/><path fill="#6f4795" d="m23.953 18.457l-.775-1.157l1.47-.981l.775 1.161l-1.47.981Z"/><path fill="#88519f" d="m6.424 16.692l-.8-1.2l3.146-2.1l.8 1.2l-3.147 2.1Z"/><path fill="#85509e" d="m17.737 9.143l-.8-1.2l1.47-.981l.8 1.2z"/><path fill="#8d166a" d="m22.449 19.461l-5.289 3.53l-.775-1.161l5.289-3.53z"/><path fill="#a70d6f" d="m15.432 8.947l.8 1.2l-5.289 3.53l-.8-1.2z"/><path fill="#9e61ad" d="m3.428 8.987l1.496-.999l.999 1.497l-1.497.998z"/><path fill="#8053a3" d="m8.82 26.921l1.497-.998l.998 1.496l-1.496.999z"/><path fill="url(#SVGZbnC5XyB)" d="M6.38 27.43L2 20.813L25.407 5.157L30 11.668z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все VSCode Icons →