Ikon OpenTofu
PNG transparan OpenTofu berkualitas tinggi untuk web & cetak.
Kode vektor SVG OpenTofu yang dioptimalkan untuk pengembang.
Komponen ikon React OpenTofu yang siap digunakan.
Use OpenTofu in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Cara menggunakan Ikon OpenTofu
Salin ikon OpenTofu sebagai SVG inline, kode React, sematan HTML, atau CSS mask.
SVG Inline
Tempelkan SVG OpenTofu langsung ke dalam HTML atau JSX.
Komponen React
Gunakan OpenTofu sebagai komponen ikon React yang bertipe.
import React from 'react';
export const OpenTofuIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Sematkan HTML
Gunakan URL ikon OpenTofu yang di-host dengan atribusi.
CSS Mask
Gunakan OpenTofu sebagai ikon CSS mask yang warnanya bisa diubah.
.opentofu-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #ffda18;
mask: url("https://www.aiuidesigner.com/icons/opentofu.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/opentofu.svg") center / contain no-repeat;
}Detail Ikon OpenTofu
Warna merek
Kategori
Infrastruktur
Format
SVG, PNG, React, HTML, CSS mask
SVG viewBox
0 0 24 24
File SVG
1.4 KB · 1 path
Lisensi
Periksa panduan merek
Sumber
github.comAlias
OpenTF, Terraform
Tentang Ikon OpenTofu
icons.aboutParagraph1
Gunakan tautan sumber dan panduan merek di halaman ini untuk memverifikasi aturan penggunaan merek dagang saat ini sebelum menggunakan logo OpenTofu dalam proyek komersial, dokumentasi, mockup UI, atau halaman pemasaran.
OpenTofu Ikon Pertanyaan yang Sering Diajukan
Design a UI with the OpenTofu icon
Generate a complete page that already uses this icon, color, and brand context.