File Type Rspec アイコン

Q: File Type Rspec アイコンは商用利用でも無料ですか?

はい。VSCode Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

vscode-icons:file-type-rspec

File Type Rspec アイコン(vscode-icons:file-type-rspec)は、VSCode Icons セットの無料 SVG アイコンです（作者: 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>

Web コンポーネント

<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">

VSCode Icons の関連アイコン

File Type Rspec アイコンのよくある質問

File Type Rspec アイコンは商用利用でも無料ですか?

はい。VSCode Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で File Type Rspec アイコンを使うには?

@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

VSCode Icons をすべて見る →