Protractor icon
logos:protractor
The Protractor icon (logos:protractor) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 256 grid. SVG Logos icons are released under the CC0 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
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 256
- Tags
- protactor
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#e23237" d="M256 128c0 70.692-57.308 128-128 128S0 198.692 0 128S57.308 0 128 0s128 57.308 128 128"/><path fill="#b52e31" d="M256 128c0-.416-.027-.825-.031-1.24c-25.578-24.658-51.444-49.633-52.17-50.492c-18.032-21.338-44.991-34.888-75.115-34.888c-54.288 0-98.298 44.01-98.298 98.298c0 7.51.87 14.814 2.466 21.84c35.629 37.536 68.765 71.672 93.565 94.442c.529.007 1.052.04 1.583.04c70.692 0 128-57.307 128-128"/><path fill="#fff" d="M191.872 138.255H66.007c-.001-.17-.012-.339-.012-.51c0-34.764 28.18-62.945 62.945-62.945c34.763 0 62.945 28.181 62.945 62.945c0 .171-.012.34-.013.51m14.894-2.849h20.109c-1.082-25.292-11.712-48.106-28.39-64.928L184.6 84.365l-3.358-3.357l13.82-13.82c-17.03-15.604-39.58-25.26-64.38-25.758v17.893h-4.747V41.45c-24.815.684-47.326 10.55-64.26 26.34l12.642 12.642l-3.357 3.357L58.282 71.11c-16.326 16.76-26.718 39.315-27.788 64.296h18.409v4.748H30.4a98.5 98.5 0 0 0 2.452 21.365h191.666a98.6 98.6 0 0 0 2.452-21.365h-20.204z"/></svg>
How to use the Protractor icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:protractor" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:protractor" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:protractor" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--protractor]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:protractor"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:protractor"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/logos/protractor.svg" alt="Protractor icon" width="24" height="24">
Protractor icon in other icon sets
Protractor icon FAQ
Is the Protractor icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Protractor icon in React?
Install @iconify/react and render <Icon icon="logos:protractor" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Protractor icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/protractor.svg" alt="Protractor icon">, or paste the SVG code inline to style it with CSS.
Browse all SVG Logos icons →
ICONYZ
