Rspec アイコン
material-icon-theme:rspec
Rspec アイコン(material-icon-theme:rspec)は、Material Icon Theme セットの無料 SVG アイコンです（作者: Material Extensions）。 128 × 128 のグリッドで描かれています。 Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Icon Theme
- 作者
- Material Extensions
- ライセンス
- MIT
- サイズ
- 128 × 128
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#ff1744" d="M50.633 39.468h-2.267L33.824 54.661l.423 1.03l8.624 1.563l-8.624-1.563l3.05 7.437l26.265 31.47l26.262-31.47l3.051-7.437l-8.625 1.563l-.096-.53l-12.888.016l12.887-.017L76.49 39.5v-.032H54.147l1.71 17.27v.002h-.001v-.002l-1.709-17.27zm12.93 55.13L46.738 64.322L63.562 94.6Zm0 0L52.256 64.752l-.172-.457l.172.457l11.305 29.847ZM84.18 57.267l-3.533 7.186zm-3.535 7.186l-.13.262zm-5.61-.157l-.171.457l.172-.457ZM71.05 57.43l-3.638 9.198l-.192-.024l.192.025zm-11.34 9.2l-2.316-5.858l2.315 5.856l.196-.025l-.196.026Zm3.852 27.97l3.655-27.997l-3.654 27.996Zm-20.62-37.334l3.532 7.187zm35.813-17.797l14.543 15.193l-.423 1.03l-8.625 1.563l-.095-.53L76.489 39.5v-.032zM56.073 56.74l7.49.012z" clip-rule="evenodd"/><path fill="#80deea" d="M120 64a55.9 55.9 0 0 1-3.96 20.723l-.013-.005l-8.327 1.656l-5.206-7.77A41 41 0 0 0 105.16 64c0-21.382-16.301-38.955-37.155-40.968l.005-.061l5.632-7.6l-4.258-7.115C97.787 10.963 120 34.89 120 64"/><path fill="#4dd0e1" d="m106.557 89.43l8.141-1.618C105.749 106.834 86.412 120 64 120c-22.475 0-41.858-13.239-50.773-32.347l.012-.005l4.506-7.198l9.225 1.543h.003C33.646 95.71 47.72 105.16 64 105.16c16.457 0 30.657-9.658 37.243-23.613l.049.023"/><path fill="#26c6da" d="M64.808 22.84v.009q-.402-.01-.808-.01c-22.732 0-41.16 18.428-41.16 41.161c0 5.317 1.01 10.395 2.843 15.062l-.049.02l-9.33-1.56l-4.407 7.037A55.8 55.8 0 0 1 8 64C8 33.072 33.072 8 64 8q1.014 0 2.019.035l4.36 7.289"/></svg>Rspec アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-icon-theme:rspec" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-icon-theme:rspec" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-icon-theme:rspec" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--rspec]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:rspec"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-icon-theme:rspec"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-icon-theme/rspec.svg" alt="Rspec アイコン" width="24" height="24">他のアイコンセットの Rspec アイコン
Rspec アイコン のよくある質問
Rspec アイコンは商用利用でも無料ですか?
はい。Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Rspec アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-icon-theme:rspec" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rspec アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-icon-theme/rspec.svg" alt="Rspec アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。