opentofu logo
opentofu from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.
- Name
- opentofu
- Set
- Material Icon Theme
- Style
- Color
- Viewbox
- 32×32
- License
- MIT
The same logo in other sets
Related icons in Material Icon Theme
Use the opentofu logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g stroke-width=".75"><path fill="#ffca28" d="M15.767 2.065a.44.44 0 0 1 .458 0l10.164 6.14c.33.197.33.716 0 .912l-10.164 6.14a.44.44 0 0 1-.458 0L5.603 9.118c-.33-.196-.33-.715 0-.912z"/><path fill="#fafafa" d="M27.299 10.556c.315-.189.701.063.701.456v12.273c0 .189-.093.37-.243.456l-10.264 6.195c-.315.189-.701-.063-.701-.456V17.207c0-.188.093-.37.243-.456z"/><path fill="#ffd600" d="M14.959 16.751L4.702 10.556c-.315-.189-.701.063-.701.456v12.273c0 .188.093.37.243.456l10.264 6.195c.315.189.701-.063.701-.456V17.207a.53.53 0 0 0-.243-.456zm-6.657 3.908l-2.405-1.392v-.016c.058-.825.637-1.18 1.303-.794s1.16 1.36 1.102 2.186zm3.787 2.397l-2.405-1.391v-.016c.057-.825.637-1.18 1.303-.794s1.16 1.36 1.102 2.186z"/></g></svg>
React
import type { SVGProps } from "react";
export function MaterialIconThemeOpentofu(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g strokeWidth=".75"><path fill="#ffca28" d="M15.767 2.065a.44.44 0 0 1 .458 0l10.164 6.14c.33.197.33.716 0 .912l-10.164 6.14a.44.44 0 0 1-.458 0L5.603 9.118c-.33-.196-.33-.715 0-.912z"/><path fill="#fafafa" d="M27.299 10.556c.315-.189.701.063.701.456v12.273c0 .189-.093.37-.243.456l-10.264 6.195c-.315.189-.701-.063-.701-.456V17.207c0-.188.093-.37.243-.456z"/><path fill="#ffd600" d="M14.959 16.751L4.702 10.556c-.315-.189-.701.063-.701.456v12.273c0 .188.093.37.243.456l10.264 6.195c.315.189.701-.063.701-.456V17.207a.53.53 0 0 0-.243-.456zm-6.657 3.908l-2.405-1.392v-.016c.058-.825.637-1.18 1.303-.794s1.16 1.36 1.102 2.186zm3.787 2.397l-2.405-1.391v-.016c.057-.825.637-1.18 1.303-.794s1.16 1.36 1.102 2.186z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g stroke-width=".75"><path fill="#ffca28" d="M15.767 2.065a.44.44 0 0 1 .458 0l10.164 6.14c.33.197.33.716 0 .912l-10.164 6.14a.44.44 0 0 1-.458 0L5.603 9.118c-.33-.196-.33-.715 0-.912z"/><path fill="#fafafa" d="M27.299 10.556c.315-.189.701.063.701.456v12.273c0 .189-.093.37-.243.456l-10.264 6.195c-.315.189-.701-.063-.701-.456V17.207c0-.188.093-.37.243-.456z"/><path fill="#ffd600" d="M14.959 16.751L4.702 10.556c-.315-.189-.701.063-.701.456v12.273c0 .188.093.37.243.456l10.264 6.195c.315.189.701-.063.701-.456V17.207a.53.53 0 0 0-.243-.456zm-6.657 3.908l-2.405-1.392v-.016c.058-.825.637-1.18 1.303-.794s1.16 1.36 1.102 2.186zm3.787 2.397l-2.405-1.391v-.016c.057-.825.637-1.18 1.303-.794s1.16 1.36 1.102 2.186z"/></g></svg> </template>
CSS
.icon-opentofu {
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%2032%2032%22%3E%3Cg%20stroke-width%3D%22.75%22%3E%3Cpath%20fill%3D%22%23ffca28%22%20d%3D%22M15.767%202.065a.44.44%200%200%201%20.458%200l10.164%206.14c.33.197.33.716%200%20.912l-10.164%206.14a.44.44%200%200%201-.458%200L5.603%209.118c-.33-.196-.33-.715%200-.912z%22%2F%3E%3Cpath%20fill%3D%22%23fafafa%22%20d%3D%22M27.299%2010.556c.315-.189.701.063.701.456v12.273c0%20.189-.093.37-.243.456l-10.264%206.195c-.315.189-.701-.063-.701-.456V17.207c0-.188.093-.37.243-.456z%22%2F%3E%3Cpath%20fill%3D%22%23ffd600%22%20d%3D%22M14.959%2016.751L4.702%2010.556c-.315-.189-.701.063-.701.456v12.273c0%20.188.093.37.243.456l10.264%206.195c.315.189.701-.063.701-.456V17.207a.53.53%200%200%200-.243-.456zm-6.657%203.908l-2.405-1.392v-.016c.058-.825.637-1.18%201.303-.794s1.16%201.36%201.102%202.186zm3.787%202.397l-2.405-1.391v-.016c.057-.825.637-1.18%201.303-.794s1.16%201.36%201.102%202.186z%22%2F%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%2032%2032%22%3E%3Cg%20stroke-width%3D%22.75%22%3E%3Cpath%20fill%3D%22%23ffca28%22%20d%3D%22M15.767%202.065a.44.44%200%200%201%20.458%200l10.164%206.14c.33.197.33.716%200%20.912l-10.164%206.14a.44.44%200%200%201-.458%200L5.603%209.118c-.33-.196-.33-.715%200-.912z%22%2F%3E%3Cpath%20fill%3D%22%23fafafa%22%20d%3D%22M27.299%2010.556c.315-.189.701.063.701.456v12.273c0%20.189-.093.37-.243.456l-10.264%206.195c-.315.189-.701-.063-.701-.456V17.207c0-.188.093-.37.243-.456z%22%2F%3E%3Cpath%20fill%3D%22%23ffd600%22%20d%3D%22M14.959%2016.751L4.702%2010.556c-.315-.189-.701.063-.701.456v12.273c0%20.188.093.37.243.456l10.264%206.195c.315.189.701-.063.701-.456V17.207a.53.53%200%200%200-.243-.456zm-6.657%203.908l-2.405-1.392v-.016c.058-.825.637-1.18%201.303-.794s1.16%201.36%201.102%202.186zm3.787%202.397l-2.405-1.391v-.016c.057-.825.637-1.18%201.303-.794s1.16%201.36%201.102%202.186z%22%2F%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/opentofu.svg?color=%231a73e8&size=48
