Ícone Protractor
material-icon-theme:protractor
O ícone Protractor (material-icon-theme:protractor) é um ícone SVG gratuito da coleção Material Icon Theme de Material Extensions. Ele é desenhado em uma grade de 80 × 80. 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
- 80 × 80
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><defs><clipPath id="SVG20UuIe1E"><path fill="#424242" d="M-2.983 69.251h69.412V2.143H-2.983z"/></clipPath></defs><g clip-path="url(#SVG20UuIe1E)" transform="matrix(1.1304 0 0 -1.1304 5.714 82.137)"><g stroke-width=".1"><path fill="#e53935" d="M61.216 37.276C61.216 20.217 47.39 6.39 30.33 6.39S-.554 20.218-.554 37.276S13.27 68.161 30.33 68.161c17.059 0 30.885-13.827 30.885-30.885"/><path fill="#d32f2f" d="m46.274 52.172l-10.504.096l-6.142 6.142l-7.21-4.789l1.245-1.243l-2.92.026l-9.913-16.682H6.94l2.44-2.44l-2.458-4.137L29.67 6.398q.33-.007.66-.008c17.042 0 30.858 13.806 30.885 30.841L46.273 52.173"/><path fill="#f5f5f5" d="M15.114 35.02c0 8.404 6.813 15.214 15.217 15.214s15.214-6.81 15.214-15.215zm34.206-.702v1.404h4.401a23.3 23.3 0 0 1-6.353 15.342l-3.289-3.29l-.992.995l3.287 3.289a23.3 23.3 0 0 1-15.34 6.352l-.002-4.4h-1.404v4.4a23.3 23.3 0 0 1-15.34-6.352l3.288-3.29l-.995-.991l-3.288 3.287A23.32 23.32 0 0 1 6.94 35.722h4.4V34.32H6.921v-5.151H53.74v5.15h-4.42"/></g></g></svg>
Como usar o ícone Protractor
React
import { Icon } from "@iconify/react";
<Icon icon="material-icon-theme:protractor" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-icon-theme:protractor" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-icon-theme:protractor" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--protractor]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:protractor"></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:protractor"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/material-icon-theme/protractor.svg" alt="Ícone Protractor" width="24" height="24">
O ícone Protractor em outras coleções
Perguntas frequentes sobre Ícone Protractor
O ícone Protractor é 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 Protractor no React?
Instale @iconify/react e renderize <Icon icon="material-icon-theme:protractor" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Protractor 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/protractor.svg" alt="Ícone Protractor">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Material Icon Theme →
ICONYZ
