Ícone Rspec
material-icon-theme:rspec
O ícone Rspec (material-icon-theme:rspec) é um ícone SVG gratuito da coleção Material Icon Theme de Material Extensions. Ele é desenhado em uma grade de 128 × 128. Material Icon Theme icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Material Icon Theme
- Autor
- Material Extensions
- Licença
- MIT
- Tamanho
- 128 × 128
Código 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>Como usar o ícone 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 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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/material-icon-theme/rspec.svg" alt="Ícone Rspec" width="24" height="24">O ícone Rspec em outras coleções
Perguntas frequentes sobre Ícone Rspec
O ícone Rspec é grátis para uso comercial?
Sim. Material Icon Theme icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Rspec no React?
Instale @iconify/react e renderize <Icon icon="material-icon-theme:rspec" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Rspec a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/material-icon-theme/rspec.svg" alt="Ícone Rspec">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.