opentf logo
opentf from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- opentf
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the opentf logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m8.168 0l-.979.668l10.985 7.116l-2.163 1.488l-9.318-6.03l-.881-.536l-.014.022v-.031l-1.093-.666v4.842l3.87 2.679v11.874l.426.284l2.209 1.483l1.269.807v-1.78h-.001v-4.076l1.519 1.002v3.769l1.093-.747v-2.3l.919.606l3.284-2.291v-4.821l.002-.002l-.002-.002v-.002l-.002.001l-1.107-.743l1.109-.774V7.86l.002-.001v-.642l-.382-.247l.009-.004L8.168 0Zm3.217 16.113v5.876l-1.716-1.147V9h-.004l.011-.016L5.798 6.3V3.964l10.232 6.622l2.17-1.493v2.177l-.989.691l-.008-.005l-.012.019l-1.199.836l-4.466-2.942v3.759h.001v.369l4.502 2.932l2.171-1.494v2.177l-2.208 1.541l-4.607-3.04Zm4.624-1.981l1.214-.847l1.1.739l-2.311 1.589l-3.392-2.209v-1.505l3.389 2.233Z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsOpentf(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m8.168 0l-.979.668l10.985 7.116l-2.163 1.488l-9.318-6.03l-.881-.536l-.014.022v-.031l-1.093-.666v4.842l3.87 2.679v11.874l.426.284l2.209 1.483l1.269.807v-1.78h-.001v-4.076l1.519 1.002v3.769l1.093-.747v-2.3l.919.606l3.284-2.291v-4.821l.002-.002l-.002-.002v-.002l-.002.001l-1.107-.743l1.109-.774V7.86l.002-.001v-.642l-.382-.247l.009-.004L8.168 0Zm3.217 16.113v5.876l-1.716-1.147V9h-.004l.011-.016L5.798 6.3V3.964l10.232 6.622l2.17-1.493v2.177l-.989.691l-.008-.005l-.012.019l-1.199.836l-4.466-2.942v3.759h.001v.369l4.502 2.932l2.171-1.494v2.177l-2.208 1.541l-4.607-3.04Zm4.624-1.981l1.214-.847l1.1.739l-2.311 1.589l-3.392-2.209v-1.505l3.389 2.233Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m8.168 0l-.979.668l10.985 7.116l-2.163 1.488l-9.318-6.03l-.881-.536l-.014.022v-.031l-1.093-.666v4.842l3.87 2.679v11.874l.426.284l2.209 1.483l1.269.807v-1.78h-.001v-4.076l1.519 1.002v3.769l1.093-.747v-2.3l.919.606l3.284-2.291v-4.821l.002-.002l-.002-.002v-.002l-.002.001l-1.107-.743l1.109-.774V7.86l.002-.001v-.642l-.382-.247l.009-.004L8.168 0Zm3.217 16.113v5.876l-1.716-1.147V9h-.004l.011-.016L5.798 6.3V3.964l10.232 6.622l2.17-1.493v2.177l-.989.691l-.008-.005l-.012.019l-1.199.836l-4.466-2.942v3.759h.001v.369l4.502 2.932l2.171-1.494v2.177l-2.208 1.541l-4.607-3.04Zm4.624-1.981l1.214-.847l1.1.739l-2.311 1.589l-3.392-2.209v-1.505l3.389 2.233Z"/></svg> </template>
CSS
.icon-opentf {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m8.168%200l-.979.668l10.985%207.116l-2.163%201.488l-9.318-6.03l-.881-.536l-.014.022v-.031l-1.093-.666v4.842l3.87%202.679v11.874l.426.284l2.209%201.483l1.269.807v-1.78h-.001v-4.076l1.519%201.002v3.769l1.093-.747v-2.3l.919.606l3.284-2.291v-4.821l.002-.002l-.002-.002v-.002l-.002.001l-1.107-.743l1.109-.774V7.86l.002-.001v-.642l-.382-.247l.009-.004L8.168%200Zm3.217%2016.113v5.876l-1.716-1.147V9h-.004l.011-.016L5.798%206.3V3.964l10.232%206.622l2.17-1.493v2.177l-.989.691l-.008-.005l-.012.019l-1.199.836l-4.466-2.942v3.759h.001v.369l4.502%202.932l2.171-1.494v2.177l-2.208%201.541l-4.607-3.04Zm4.624-1.981l1.214-.847l1.1.739l-2.311%201.589l-3.392-2.209v-1.505l3.389%202.233Z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m8.168%200l-.979.668l10.985%207.116l-2.163%201.488l-9.318-6.03l-.881-.536l-.014.022v-.031l-1.093-.666v4.842l3.87%202.679v11.874l.426.284l2.209%201.483l1.269.807v-1.78h-.001v-4.076l1.519%201.002v3.769l1.093-.747v-2.3l.919.606l3.284-2.291v-4.821l.002-.002l-.002-.002v-.002l-.002.001l-1.107-.743l1.109-.774V7.86l.002-.001v-.642l-.382-.247l.009-.004L8.168%200Zm3.217%2016.113v5.876l-1.716-1.147V9h-.004l.011-.016L5.798%206.3V3.964l10.232%206.622l2.17-1.493v2.177l-.989.691l-.008-.005l-.012.019l-1.199.836l-4.466-2.942v3.759h.001v.369l4.502%202.932l2.171-1.494v2.177l-2.208%201.541l-4.607-3.04Zm4.624-1.981l1.214-.847l1.1.739l-2.311%201.589l-3.392-2.209v-1.505l3.389%202.233Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/opentf.svg?color=%231a73e8&size=48
