Rspec icon
material-icon-theme:rspec
The Rspec icon (material-icon-theme:rspec) is a free SVG icon from the Material Icon Theme set by Material Extensions. It is drawn on a 128 × 128 grid. Material Icon Theme icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Material Icon Theme
- Author
- Material Extensions
- License
- MIT
- Size
- 128 × 128
SVG code
<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>How to use the Rspec icon
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 component
<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 image
<img src="https://iconyz.com/api/public/svg/material-icon-theme/rspec.svg" alt="Rspec icon" width="24" height="24">Rspec icon in other icon sets
Rspec icon FAQ
Is the Rspec icon free for commercial use?
Yes. Material Icon Theme icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Rspec icon in React?
Install @iconify/react and render <Icon icon="material-icon-theme:rspec" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Rspec icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/material-icon-theme/rspec.svg" alt="Rspec icon">, or paste the SVG code inline to style it with CSS.