Иконка File Type Rspec

vscode-icons:file-type-rspec

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

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#5ecae6" d="M4.232 19.36L6.56 20a10.28 10.28 0 0 1 9.452-14.271h.19l1.377-1.876L16.463 2h-.451A14.02 14.02 0 0 0 2.95 21.094Z"/><path fill="#a5ddef" d="M18.387 3.971L16.962 5.8a10.267 10.267 0 0 1 9.286 10.212a10.1 10.1 0 0 1-.594 3.42l1.116 2.161l2.137-.166A14.1 14.1 0 0 0 30 16.012A13.985 13.985 0 0 0 17.247 2.071Z"/><path fill="#7fd2ed" d="m26.343 22.258l-1-2.042a10.259 10.259 0 0 1-18.429.546l-2.47-.617l-1.209 1.638a14.007 14.007 0 0 0 25.364.309Z"/><path fill="#ef4561" d="m12.165 9.932l-3.753 3.847l.95 1.924l6.531 7.98l6.531-8.17l.95-1.734l-3.752-3.847z"/><path fill="none" d="m8.412 13.898l2.351.475"/><path fill="#ef4d6e" d="m22.424 15.537l-2.327.689l.926-1.853l2.351-.475z"/><path fill="#ef4561" d="m14.967 16.582l-.95-2.375h3.752l-.95 2.375zm3.729-.475l-.927-1.9h3.254l-.926 1.9z"/><path fill="#ef4d6e" d="m13.091 16.226l.926-1.853l.95 2.328zm3.728.475l.95-2.328l.927 1.853z"/><path fill="#ef4561" d="M21.023 14.254L19.17 9.932h.452l3.752 3.776z"/><path fill="#ef4d6e" d="m17.769 14.207l.452-4.275h.949l1.853 4.275zm-8.407 1.567l2.328.452l-.927-1.853l-2.351-.475z"/><path fill="#ef4561" d="m13.091 16.107l.926-1.9h-3.254l.927 1.9z"/><path fill="#ef4561" d="m10.763 14.254l1.853-4.322h-.451l-3.753 3.776z"/><path fill="#ef4d6e" d="m14.017 14.207l-.451-4.275h-.95l-1.853 4.275z"/><path fill="#ef4561" d="m14.017 14.136l1.876-4.204h-2.327zm3.752 0l.452-4.204h-2.328z"/><path fill="#ef4d6e" d="m17.769 14.207l-1.876-4.204l-1.876 4.204zm-6.079 1.9l4.203 7.457l-2.802-7.457z"/><path fill="#ef4561" d="m9.362 15.774l2.328.452l4.203 7.481z"/><path fill="#ef4561" d="m13.091 16.226l1.876.475l.926 7.006zm5.605 0l-2.803 7.481l.926-7.006z"/><path fill="#ef4d6e" d="m20.097 16.107l-4.204 7.457l2.803-7.457z"/><path fill="#ef4561" d="m22.424 15.537l-2.327.689l-4.204 7.481z"/><path fill="#ef4d6e" d="m15.893 23.588l-.926-7.006h1.852z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все VSCode Icons →