protractor logo
protractor from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.
- Name
- protractor
- Set
- Material Icon Theme
- Style
- Color
- Viewbox
- 80×80
- License
- MIT
The same logo in other sets
Use the protractor logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function MaterialIconThemeProtractor(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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 clipPath="url(#SVG20UuIe1E)" transform="matrix(1.1304 0 0 -1.1304 5.714 82.137)"><g strokeWidth=".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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </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%2080%2080%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVG20UuIe1E%22%3E%3Cpath%20fill%3D%22%23424242%22%20d%3D%22M-2.983%2069.251h69.412V2.143H-2.983z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23SVG20UuIe1E)%22%20transform%3D%22matrix(1.1304%200%200%20-1.1304%205.714%2082.137)%22%3E%3Cg%20stroke-width%3D%22.1%22%3E%3Cpath%20fill%3D%22%23e53935%22%20d%3D%22M61.216%2037.276C61.216%2020.217%2047.39%206.39%2030.33%206.39S-.554%2020.218-.554%2037.276S13.27%2068.161%2030.33%2068.161c17.059%200%2030.885-13.827%2030.885-30.885%22%2F%3E%3Cpath%20fill%3D%22%23d32f2f%22%20d%3D%22m46.274%2052.172l-10.504.096l-6.142%206.142l-7.21-4.789l1.245-1.243l-2.92.026l-9.913-16.682H6.94l2.44-2.44l-2.458-4.137L29.67%206.398q.33-.007.66-.008c17.042%200%2030.858%2013.806%2030.885%2030.841L46.273%2052.173%22%2F%3E%3Cpath%20fill%3D%22%23f5f5f5%22%20d%3D%22M15.114%2035.02c0%208.404%206.813%2015.214%2015.217%2015.214s15.214-6.81%2015.214-15.215zm34.206-.702v1.404h4.401a23.3%2023.3%200%200%201-6.353%2015.342l-3.289-3.29l-.992.995l3.287%203.289a23.3%2023.3%200%200%201-15.34%206.352l-.002-4.4h-1.404v4.4a23.3%2023.3%200%200%201-15.34-6.352l3.288-3.29l-.995-.991l-3.288%203.287A23.32%2023.32%200%200%201%206.94%2035.722h4.4V34.32H6.921v-5.151H53.74v5.15h-4.42%22%2F%3E%3C%2Fg%3E%3C%2Fg%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%2080%2080%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVG20UuIe1E%22%3E%3Cpath%20fill%3D%22%23424242%22%20d%3D%22M-2.983%2069.251h69.412V2.143H-2.983z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23SVG20UuIe1E)%22%20transform%3D%22matrix(1.1304%200%200%20-1.1304%205.714%2082.137)%22%3E%3Cg%20stroke-width%3D%22.1%22%3E%3Cpath%20fill%3D%22%23e53935%22%20d%3D%22M61.216%2037.276C61.216%2020.217%2047.39%206.39%2030.33%206.39S-.554%2020.218-.554%2037.276S13.27%2068.161%2030.33%2068.161c17.059%200%2030.885-13.827%2030.885-30.885%22%2F%3E%3Cpath%20fill%3D%22%23d32f2f%22%20d%3D%22m46.274%2052.172l-10.504.096l-6.142%206.142l-7.21-4.789l1.245-1.243l-2.92.026l-9.913-16.682H6.94l2.44-2.44l-2.458-4.137L29.67%206.398q.33-.007.66-.008c17.042%200%2030.858%2013.806%2030.885%2030.841L46.273%2052.173%22%2F%3E%3Cpath%20fill%3D%22%23f5f5f5%22%20d%3D%22M15.114%2035.02c0%208.404%206.813%2015.214%2015.217%2015.214s15.214-6.81%2015.214-15.215zm34.206-.702v1.404h4.401a23.3%2023.3%200%200%201-6.353%2015.342l-3.289-3.29l-.992.995l3.287%203.289a23.3%2023.3%200%200%201-15.34%206.352l-.002-4.4h-1.404v4.4a23.3%2023.3%200%200%201-15.34-6.352l3.288-3.29l-.995-.991l-3.288%203.287A23.32%2023.32%200%200%201%206.94%2035.722h4.4V34.32H6.921v-5.151H53.74v5.15h-4.42%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/protractor.svg?color=%231a73e8&size=48
