protractor logo

protractor from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name: protractor
Set: Devicon
Style: Original
Viewbox: 128×128
License: MIT

1 other variant in Devicon

The same logo in other sets

protractorSVG Logos protractorMaterial Icon Theme protractorSimple Icons

Use the protractor logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ed163a" d="M127.995 63.995c0 35.349-28.649 64.002-63.998 64.002C28.65 127.998 0 99.35 0 64C0 28.651 28.649.002 63.998.002S127.995 28.652 127.995 64"/><path fill="#d51c2f" d="m97.036 33.131l-21.769-.2l-12.724-12.73l-14.94 9.925l2.58 2.575l-6.05-.05l-20.549 34.564h-8.05l5.05 5.06l-5.09 8.57l47.144 47.137l1.364.015c35.314 0 63.948-28.609 63.998-63.907L97.04 33.126"/><path fill="#f5f5f5" d="M32.464 68.675a31.531 31.531 0 1 1 63.062 0zm70.882 1.45v-2.91h9.12A48.3 48.3 0 0 0 99.3 35.426l-6.815 6.815l-2.055-2.06l6.81-6.815a48.3 48.3 0 0 0-31.789-13.164v9.12h-2.91v-9.12a48.3 48.3 0 0 0-31.788 13.164l6.815 6.815l-2.06 2.06l-6.815-6.815a48.3 48.3 0 0 0-13.165 31.789h9.12v2.91h-9.165v10.674H112.5V70.13h-9.155"/></svg>

React

import type { SVGProps } from "react";

export function DeviconProtractor(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ed163a" d="M127.995 63.995c0 35.349-28.649 64.002-63.998 64.002C28.65 127.998 0 99.35 0 64C0 28.651 28.649.002 63.998.002S127.995 28.652 127.995 64"/><path fill="#d51c2f" d="m97.036 33.131l-21.769-.2l-12.724-12.73l-14.94 9.925l2.58 2.575l-6.05-.05l-20.549 34.564h-8.05l5.05 5.06l-5.09 8.57l47.144 47.137l1.364.015c35.314 0 63.948-28.609 63.998-63.907L97.04 33.126"/><path fill="#f5f5f5" d="M32.464 68.675a31.531 31.531 0 1 1 63.062 0zm70.882 1.45v-2.91h9.12A48.3 48.3 0 0 0 99.3 35.426l-6.815 6.815l-2.055-2.06l6.81-6.815a48.3 48.3 0 0 0-31.789-13.164v9.12h-2.91v-9.12a48.3 48.3 0 0 0-31.788 13.164l6.815 6.815l-2.06 2.06l-6.815-6.815a48.3 48.3 0 0 0-13.165 31.789h9.12v2.91h-9.165v10.674H112.5V70.13h-9.155"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ed163a" d="M127.995 63.995c0 35.349-28.649 64.002-63.998 64.002C28.65 127.998 0 99.35 0 64C0 28.651 28.649.002 63.998.002S127.995 28.652 127.995 64"/><path fill="#d51c2f" d="m97.036 33.131l-21.769-.2l-12.724-12.73l-14.94 9.925l2.58 2.575l-6.05-.05l-20.549 34.564h-8.05l5.05 5.06l-5.09 8.57l47.144 47.137l1.364.015c35.314 0 63.948-28.609 63.998-63.907L97.04 33.126"/><path fill="#f5f5f5" d="M32.464 68.675a31.531 31.531 0 1 1 63.062 0zm70.882 1.45v-2.91h9.12A48.3 48.3 0 0 0 99.3 35.426l-6.815 6.815l-2.055-2.06l6.81-6.815a48.3 48.3 0 0 0-31.789-13.164v9.12h-2.91v-9.12a48.3 48.3 0 0 0-31.788 13.164l6.815 6.815l-2.06 2.06l-6.815-6.815a48.3 48.3 0 0 0-13.165 31.789h9.12v2.91h-9.165v10.674H112.5V70.13h-9.155"/></svg>
</template>

CSS

.icon-protractor {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%23ed163a%22%20d%3D%22M127.995%2063.995c0%2035.349-28.649%2064.002-63.998%2064.002C28.65%20127.998%200%2099.35%200%2064C0%2028.651%2028.649.002%2063.998.002S127.995%2028.652%20127.995%2064%22%2F%3E%3Cpath%20fill%3D%22%23d51c2f%22%20d%3D%22m97.036%2033.131l-21.769-.2l-12.724-12.73l-14.94%209.925l2.58%202.575l-6.05-.05l-20.549%2034.564h-8.05l5.05%205.06l-5.09%208.57l47.144%2047.137l1.364.015c35.314%200%2063.948-28.609%2063.998-63.907L97.04%2033.126%22%2F%3E%3Cpath%20fill%3D%22%23f5f5f5%22%20d%3D%22M32.464%2068.675a31.531%2031.531%200%201%201%2063.062%200zm70.882%201.45v-2.91h9.12A48.3%2048.3%200%200%200%2099.3%2035.426l-6.815%206.815l-2.055-2.06l6.81-6.815a48.3%2048.3%200%200%200-31.789-13.164v9.12h-2.91v-9.12a48.3%2048.3%200%200%200-31.788%2013.164l6.815%206.815l-2.06%202.06l-6.815-6.815a48.3%2048.3%200%200%200-13.165%2031.789h9.12v2.91h-9.165v10.674H112.5V70.13h-9.155%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%23ed163a%22%20d%3D%22M127.995%2063.995c0%2035.349-28.649%2064.002-63.998%2064.002C28.65%20127.998%200%2099.35%200%2064C0%2028.651%2028.649.002%2063.998.002S127.995%2028.652%20127.995%2064%22%2F%3E%3Cpath%20fill%3D%22%23d51c2f%22%20d%3D%22m97.036%2033.131l-21.769-.2l-12.724-12.73l-14.94%209.925l2.58%202.575l-6.05-.05l-20.549%2034.564h-8.05l5.05%205.06l-5.09%208.57l47.144%2047.137l1.364.015c35.314%200%2063.948-28.609%2063.998-63.907L97.04%2033.126%22%2F%3E%3Cpath%20fill%3D%22%23f5f5f5%22%20d%3D%22M32.464%2068.675a31.531%2031.531%200%201%201%2063.062%200zm70.882%201.45v-2.91h9.12A48.3%2048.3%200%200%200%2099.3%2035.426l-6.815%206.815l-2.055-2.06l6.81-6.815a48.3%2048.3%200%200%200-31.789-13.164v9.12h-2.91v-9.12a48.3%2048.3%200%200%200-31.788%2013.164l6.815%206.815l-2.06%202.06l-6.815-6.815a48.3%2048.3%200%200%200-13.165%2031.789h9.12v2.91h-9.165v10.674H112.5V70.13h-9.155%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/protractor.svg?color=%231a73e8&size=48