opentofu light logo
opentofu-light from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.
- Name
- opentofu-light
- Set
- Material Icon Theme
- Style
- Color
- Viewbox
- 32×32
- License
- MIT
Use the opentofu light logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g stroke-width=".657"><path fill="#263238" fill-rule="evenodd" d="M16.875 2.24a1.71 1.71 0 0 0-1.75 0L6.148 7.568s-.013.007-.02.014l-1.181.703C4.36 8.625 4 9.288 4 10.004V21.99c0 .717.36 1.379.941 1.727l9.064 5.381l.038.02l1.081.643c.544.32 1.207.32 1.751 0l1.087-.642s.02-.014.032-.02l9.064-5.382c.581-.348.942-1.004.942-1.72V10.003c0-.716-.36-1.379-.942-1.72l-1.176-.697s-.019-.013-.025-.013zM17.45 16l8.4-4.985s.02-.014.026-.014l.1-.061c.279-.164.62.054.62.396v9.327c0 .342-.341.56-.62.397l-.075-.048s-.032-.02-.05-.028zM6.123 10.995s.013.007.02.013l8.4 4.985l-8.395 4.991l-.044.028l-.082.048c-.278.163-.62-.055-.62-.397V11.33c0-.341.342-.56.62-.396l.107.061zm19.063-2.097l-7.87-4.67c-.277-.164-.612.047-.619.382v10.113l8.49-5.04a.474.474 0 0 0 0-.778zm-18.38.779l8.488 5.039V4.61c-.006-.335-.348-.546-.62-.382l-7.869 4.67c-.278.178-.278.608 0 .779m.012 13.425a.468.468 0 0 1-.02-.779l8.502-5.046V27.39c-.006.328-.335.54-.607.396L6.818 23.11zm9.88 4.267V17.27l8.5 5.047c.266.184.26.614-.025.778l-7.869 4.678c-.272.15-.594-.062-.607-.39z"/><path fill="#ffca28" d="M15.795 3.559a.39.39 0 0 1 .405 0l8.975 5.333c.29.17.29.621 0 .792L16.2 15.017a.39.39 0 0 1-.405 0L6.82 9.684a.47.47 0 0 1 0-.792z"/><path fill="#ffd600" d="M5.397 11.329c0-.341.341-.56.62-.396l9.063 5.38a.46.46 0 0 1 .215.397v10.659c0 .341-.341.56-.62.396L5.619 22.39a.46.46 0 0 1-.215-.396V11.329z"/><path fill="#fafafa" d="M25.977 10.933c.278-.164.62.055.62.396v10.66c0 .163-.083.32-.215.395l-9.064 5.38c-.279.165-.62-.054-.62-.395v-10.66c0-.163.082-.32.215-.395z"/><path d="M9.202 19.694v.014l-2.124-1.209v-.014c.05-.717.563-1.024 1.15-.69c.588.335 1.025 1.182.974 1.899m3.344 2.083v.014l-2.124-1.209v-.014c.05-.717.563-1.024 1.15-.69c.588.335 1.025 1.182.974 1.899" class="cls-4"/></g></svg>
React
import type { SVGProps } from "react";
export function MaterialIconThemeOpentofuLight(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g strokeWidth=".657"><path fill="#263238" fillRule="evenodd" d="M16.875 2.24a1.71 1.71 0 0 0-1.75 0L6.148 7.568s-.013.007-.02.014l-1.181.703C4.36 8.625 4 9.288 4 10.004V21.99c0 .717.36 1.379.941 1.727l9.064 5.381l.038.02l1.081.643c.544.32 1.207.32 1.751 0l1.087-.642s.02-.014.032-.02l9.064-5.382c.581-.348.942-1.004.942-1.72V10.003c0-.716-.36-1.379-.942-1.72l-1.176-.697s-.019-.013-.025-.013zM17.45 16l8.4-4.985s.02-.014.026-.014l.1-.061c.279-.164.62.054.62.396v9.327c0 .342-.341.56-.62.397l-.075-.048s-.032-.02-.05-.028zM6.123 10.995s.013.007.02.013l8.4 4.985l-8.395 4.991l-.044.028l-.082.048c-.278.163-.62-.055-.62-.397V11.33c0-.341.342-.56.62-.396l.107.061zm19.063-2.097l-7.87-4.67c-.277-.164-.612.047-.619.382v10.113l8.49-5.04a.474.474 0 0 0 0-.778zm-18.38.779l8.488 5.039V4.61c-.006-.335-.348-.546-.62-.382l-7.869 4.67c-.278.178-.278.608 0 .779m.012 13.425a.468.468 0 0 1-.02-.779l8.502-5.046V27.39c-.006.328-.335.54-.607.396L6.818 23.11zm9.88 4.267V17.27l8.5 5.047c.266.184.26.614-.025.778l-7.869 4.678c-.272.15-.594-.062-.607-.39z"/><path fill="#ffca28" d="M15.795 3.559a.39.39 0 0 1 .405 0l8.975 5.333c.29.17.29.621 0 .792L16.2 15.017a.39.39 0 0 1-.405 0L6.82 9.684a.47.47 0 0 1 0-.792z"/><path fill="#ffd600" d="M5.397 11.329c0-.341.341-.56.62-.396l9.063 5.38a.46.46 0 0 1 .215.397v10.659c0 .341-.341.56-.62.396L5.619 22.39a.46.46 0 0 1-.215-.396V11.329z"/><path fill="#fafafa" d="M25.977 10.933c.278-.164.62.055.62.396v10.66c0 .163-.083.32-.215.395l-9.064 5.38c-.279.165-.62-.054-.62-.395v-10.66c0-.163.082-.32.215-.395z"/><path d="M9.202 19.694v.014l-2.124-1.209v-.014c.05-.717.563-1.024 1.15-.69c.588.335 1.025 1.182.974 1.899m3.344 2.083v.014l-2.124-1.209v-.014c.05-.717.563-1.024 1.15-.69c.588.335 1.025 1.182.974 1.899" className="cls-4"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g stroke-width=".657"><path fill="#263238" fill-rule="evenodd" d="M16.875 2.24a1.71 1.71 0 0 0-1.75 0L6.148 7.568s-.013.007-.02.014l-1.181.703C4.36 8.625 4 9.288 4 10.004V21.99c0 .717.36 1.379.941 1.727l9.064 5.381l.038.02l1.081.643c.544.32 1.207.32 1.751 0l1.087-.642s.02-.014.032-.02l9.064-5.382c.581-.348.942-1.004.942-1.72V10.003c0-.716-.36-1.379-.942-1.72l-1.176-.697s-.019-.013-.025-.013zM17.45 16l8.4-4.985s.02-.014.026-.014l.1-.061c.279-.164.62.054.62.396v9.327c0 .342-.341.56-.62.397l-.075-.048s-.032-.02-.05-.028zM6.123 10.995s.013.007.02.013l8.4 4.985l-8.395 4.991l-.044.028l-.082.048c-.278.163-.62-.055-.62-.397V11.33c0-.341.342-.56.62-.396l.107.061zm19.063-2.097l-7.87-4.67c-.277-.164-.612.047-.619.382v10.113l8.49-5.04a.474.474 0 0 0 0-.778zm-18.38.779l8.488 5.039V4.61c-.006-.335-.348-.546-.62-.382l-7.869 4.67c-.278.178-.278.608 0 .779m.012 13.425a.468.468 0 0 1-.02-.779l8.502-5.046V27.39c-.006.328-.335.54-.607.396L6.818 23.11zm9.88 4.267V17.27l8.5 5.047c.266.184.26.614-.025.778l-7.869 4.678c-.272.15-.594-.062-.607-.39z"/><path fill="#ffca28" d="M15.795 3.559a.39.39 0 0 1 .405 0l8.975 5.333c.29.17.29.621 0 .792L16.2 15.017a.39.39 0 0 1-.405 0L6.82 9.684a.47.47 0 0 1 0-.792z"/><path fill="#ffd600" d="M5.397 11.329c0-.341.341-.56.62-.396l9.063 5.38a.46.46 0 0 1 .215.397v10.659c0 .341-.341.56-.62.396L5.619 22.39a.46.46 0 0 1-.215-.396V11.329z"/><path fill="#fafafa" d="M25.977 10.933c.278-.164.62.055.62.396v10.66c0 .163-.083.32-.215.395l-9.064 5.38c-.279.165-.62-.054-.62-.395v-10.66c0-.163.082-.32.215-.395z"/><path d="M9.202 19.694v.014l-2.124-1.209v-.014c.05-.717.563-1.024 1.15-.69c.588.335 1.025 1.182.974 1.899m3.344 2.083v.014l-2.124-1.209v-.014c.05-.717.563-1.024 1.15-.69c.588.335 1.025 1.182.974 1.899" class="cls-4"/></g></svg> </template>
CSS
.icon-opentofu-light {
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.657%22%3E%3Cpath%20fill%3D%22%23263238%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16.875%202.24a1.71%201.71%200%200%200-1.75%200L6.148%207.568s-.013.007-.02.014l-1.181.703C4.36%208.625%204%209.288%204%2010.004V21.99c0%20.717.36%201.379.941%201.727l9.064%205.381l.038.02l1.081.643c.544.32%201.207.32%201.751%200l1.087-.642s.02-.014.032-.02l9.064-5.382c.581-.348.942-1.004.942-1.72V10.003c0-.716-.36-1.379-.942-1.72l-1.176-.697s-.019-.013-.025-.013zM17.45%2016l8.4-4.985s.02-.014.026-.014l.1-.061c.279-.164.62.054.62.396v9.327c0%20.342-.341.56-.62.397l-.075-.048s-.032-.02-.05-.028zM6.123%2010.995s.013.007.02.013l8.4%204.985l-8.395%204.991l-.044.028l-.082.048c-.278.163-.62-.055-.62-.397V11.33c0-.341.342-.56.62-.396l.107.061zm19.063-2.097l-7.87-4.67c-.277-.164-.612.047-.619.382v10.113l8.49-5.04a.474.474%200%200%200%200-.778zm-18.38.779l8.488%205.039V4.61c-.006-.335-.348-.546-.62-.382l-7.869%204.67c-.278.178-.278.608%200%20.779m.012%2013.425a.468.468%200%200%201-.02-.779l8.502-5.046V27.39c-.006.328-.335.54-.607.396L6.818%2023.11zm9.88%204.267V17.27l8.5%205.047c.266.184.26.614-.025.778l-7.869%204.678c-.272.15-.594-.062-.607-.39z%22%2F%3E%3Cpath%20fill%3D%22%23ffca28%22%20d%3D%22M15.795%203.559a.39.39%200%200%201%20.405%200l8.975%205.333c.29.17.29.621%200%20.792L16.2%2015.017a.39.39%200%200%201-.405%200L6.82%209.684a.47.47%200%200%201%200-.792z%22%2F%3E%3Cpath%20fill%3D%22%23ffd600%22%20d%3D%22M5.397%2011.329c0-.341.341-.56.62-.396l9.063%205.38a.46.46%200%200%201%20.215.397v10.659c0%20.341-.341.56-.62.396L5.619%2022.39a.46.46%200%200%201-.215-.396V11.329z%22%2F%3E%3Cpath%20fill%3D%22%23fafafa%22%20d%3D%22M25.977%2010.933c.278-.164.62.055.62.396v10.66c0%20.163-.083.32-.215.395l-9.064%205.38c-.279.165-.62-.054-.62-.395v-10.66c0-.163.082-.32.215-.395z%22%2F%3E%3Cpath%20d%3D%22M9.202%2019.694v.014l-2.124-1.209v-.014c.05-.717.563-1.024%201.15-.69c.588.335%201.025%201.182.974%201.899m3.344%202.083v.014l-2.124-1.209v-.014c.05-.717.563-1.024%201.15-.69c.588.335%201.025%201.182.974%201.899%22%20class%3D%22cls-4%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.657%22%3E%3Cpath%20fill%3D%22%23263238%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16.875%202.24a1.71%201.71%200%200%200-1.75%200L6.148%207.568s-.013.007-.02.014l-1.181.703C4.36%208.625%204%209.288%204%2010.004V21.99c0%20.717.36%201.379.941%201.727l9.064%205.381l.038.02l1.081.643c.544.32%201.207.32%201.751%200l1.087-.642s.02-.014.032-.02l9.064-5.382c.581-.348.942-1.004.942-1.72V10.003c0-.716-.36-1.379-.942-1.72l-1.176-.697s-.019-.013-.025-.013zM17.45%2016l8.4-4.985s.02-.014.026-.014l.1-.061c.279-.164.62.054.62.396v9.327c0%20.342-.341.56-.62.397l-.075-.048s-.032-.02-.05-.028zM6.123%2010.995s.013.007.02.013l8.4%204.985l-8.395%204.991l-.044.028l-.082.048c-.278.163-.62-.055-.62-.397V11.33c0-.341.342-.56.62-.396l.107.061zm19.063-2.097l-7.87-4.67c-.277-.164-.612.047-.619.382v10.113l8.49-5.04a.474.474%200%200%200%200-.778zm-18.38.779l8.488%205.039V4.61c-.006-.335-.348-.546-.62-.382l-7.869%204.67c-.278.178-.278.608%200%20.779m.012%2013.425a.468.468%200%200%201-.02-.779l8.502-5.046V27.39c-.006.328-.335.54-.607.396L6.818%2023.11zm9.88%204.267V17.27l8.5%205.047c.266.184.26.614-.025.778l-7.869%204.678c-.272.15-.594-.062-.607-.39z%22%2F%3E%3Cpath%20fill%3D%22%23ffca28%22%20d%3D%22M15.795%203.559a.39.39%200%200%201%20.405%200l8.975%205.333c.29.17.29.621%200%20.792L16.2%2015.017a.39.39%200%200%201-.405%200L6.82%209.684a.47.47%200%200%201%200-.792z%22%2F%3E%3Cpath%20fill%3D%22%23ffd600%22%20d%3D%22M5.397%2011.329c0-.341.341-.56.62-.396l9.063%205.38a.46.46%200%200%201%20.215.397v10.659c0%20.341-.341.56-.62.396L5.619%2022.39a.46.46%200%200%201-.215-.396V11.329z%22%2F%3E%3Cpath%20fill%3D%22%23fafafa%22%20d%3D%22M25.977%2010.933c.278-.164.62.055.62.396v10.66c0%20.163-.083.32-.215.395l-9.064%205.38c-.279.165-.62-.054-.62-.395v-10.66c0-.163.082-.32.215-.395z%22%2F%3E%3Cpath%20d%3D%22M9.202%2019.694v.014l-2.124-1.209v-.014c.05-.717.563-1.024%201.15-.69c.588.335%201.025%201.182.974%201.899m3.344%202.083v.014l-2.124-1.209v-.014c.05-.717.563-1.024%201.15-.69c.588.335%201.025%201.182.974%201.899%22%20class%3D%22cls-4%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-light.svg?color=%231a73e8&size=48
