Иконка File Type Ng Component Sass

vscode-icons:file-type-ng-component-sass

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

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><linearGradient id="SVGsG9qJbtn"><stop offset="0" stop-color="#de3641"/><stop offset="1" stop-color="#b13138"/></linearGradient><clipPath id="SVGqpIVPcCN"><path fill="#fff" d="M0 0h223v236H0z"/></clipPath></defs><g clip-path="url(#SVGqpIVPcCN)" transform="translate(2.76 1.986)scale(.11923)"><path fill="url(#SVGsG9qJbtn)" d="m222.08 39.192l-8.019 125.92L137.39-.008zm-53.105 162.82l-57.933 33.056l-57.934-33.056l11.783-28.556h92.301zm-57.933-139.34l30.357 73.803H80.684zm-103.1 102.44L.005 39.192L84.695 0z"/></g><ellipse cx="20.76" cy="23.75" fill="#fff" rx="11.51" ry="7.75" transform="rotate(-12.605 20.761 23.748)"/><path fill="#cd6799" d="M27.7 24.32a3.5 3.5 0 0 0-1.53.35a3.2 3.2 0 0 1-.34-.79a2.1 2.1 0 0 1 0-.66a6 6 0 0 1 .2-.72s0-.18-.38-.18s-.63.06-.66.15a4 4 0 0 0-.14.5a12 12 0 0 1-1 2a1.92 1.92 0 0 1-.26-1.24a6 6 0 0 1 .2-.72s0-.18-.38-.18s-.63.06-.66.15s-.07.3-.14.5s-.89 2-1.11 2.51c-.11.24-.21.44-.27.57l-.09.18a.21.21 0 0 1-.12.16a1 1 0 0 1 0-.52c.12-.64.42-1.63.41-1.66s.06-.19-.19-.28a.31.31 0 0 0-.35.06v.05s.27-1.11-.51-1.11a2.32 2.32 0 0 0-1.49 1l-1.13.62l-.55.3c-.95-1-2.69-1.72-2.61-3.07c0-.49.2-1.78 3.35-3.36c2.59-1.28 4.66-.92 5-.14c.51 1.12-1.1 3.2-3.78 3.5a2 2 0 0 1-1.69-.43c-.14-.15-.16-.16-.22-.13s0 .18 0 .26a1.58 1.58 0 0 0 1 .76a5.15 5.15 0 0 0 3.14-.31c1.63-.63 2.89-2.37 2.52-3.83s-2.84-2-5.17-1.14a11.7 11.7 0 0 0-4 2.28c-1.28 1.2-1.49 2.24-1.4 2.68c.3 1.55 2.44 2.56 3.29 3.31l-.12.06a6.07 6.07 0 0 0-2.47 2a1.324 1.324 0 0 0 .4 1.83l.033.02a2.63 2.63 0 0 0 2.84-1.15a2.84 2.84 0 0 0 .25-2.62l.33-.2l.62-.35a4 4 0 0 0-.22 1.12a2.34 2.34 0 0 0 .5 1.63a.55.55 0 0 0 .41.13c.36 0 .53-.3.71-.66s.42-.94.42-.94s-.25 1.37.43 1.37c.25 0 .5-.32.61-.48v-.06c.1-.17.32-.56.65-1.21c.42-.84.83-1.88.83-1.88a5 5 0 0 0 .16.68a6 6 0 0 0 .35.79l-.16.22c-.08.1-.17.22-.26.33a10 10 0 0 0-.79 1a.27.27 0 0 0 .07.36a.67.67 0 0 0 .41.07a1.9 1.9 0 0 0 .62-.14a2 2 0 0 0 .53-.28a1.19 1.19 0 0 0 .51-1a2.1 2.1 0 0 0-.19-.74l.09-.13a14 14 0 0 0 .8-1.77a5 5 0 0 0 .16.68a4.6 4.6 0 0 0 .3.68a2.9 2.9 0 0 0-.9 1.16c-.19.56 0 .81.24.87a.86.86 0 0 0 .45-.09a2 2 0 0 0 .57-.29a1.28 1.28 0 0 0 .63-1a2 2 0 0 0-.14-.62A3.2 3.2 0 0 1 28 24.9c1.47.17 1.75 1.09 1.7 1.47a1 1 0 0 1-.47.66c-.1.06-.14.09-.13.13s.06.06.15.05a1.14 1.14 0 0 0 .8-1a2.09 2.09 0 0 0-2.273-1.887l-.067.007Zm-11.3 3.81c-.49.53-1.16.73-1.46.56s-.19-1 .41-1.52a8 8 0 0 1 1.14-.85l.3-.18h.07a2.1 2.1 0 0 1-.51 2.06Zm3.54-2.41c-.17.41-.52 1.47-.74 1.41s-.3-.85 0-1.64a3.7 3.7 0 0 1 .58-1.06c.26-.3.56-.39.63-.27a5.5 5.5 0 0 1-.43 1.56Zm2.92 1.4c-.07 0-.14.06-.17 0s0-.06 0-.06s.37-.39.51-.57l.29-.37c0 .47-.46.79-.66.92Zm2.25-.51c-.05 0 0-.16.13-.55a2.05 2.05 0 0 1 .5-.65a.9.9 0 0 1 0 .28a.93.93 0 0 1-.68.91Z"/></svg>

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

React

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

<Icon icon="vscode-icons:file-type-ng-component-sass" width="24" />

Vue

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

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

Svelte

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

<Icon icon="vscode-icons:file-type-ng-component-sass" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="vscode-icons:file-type-ng-component-sass"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-ng-component-sass.svg" alt="Иконка File Type Ng Component Sass" width="24" height="24">

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

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

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

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

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

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

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

Все VSCode Icons →