Ikon Opentofu Light
material-icon-theme:opentofu-light
Ikon Opentofu Light (material-icon-theme:opentofu-light) adalah ikon SVG gratis dari set Material Icon Theme karya Material Extensions. Ikon ini digambar pada grid 32 × 32. Material Icon Theme icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Material Icon Theme
- Pembuat
- Material Extensions
- Lisensi
- MIT
- Ukuran
- 32 × 32
- Tag
- opentofulight
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" 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>Cara memakai ikon Opentofu Light
React
import { Icon } from "@iconify/react";
<Icon icon="material-icon-theme:opentofu-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-icon-theme:opentofu-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-icon-theme:opentofu-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--opentofu-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:opentofu-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-icon-theme:opentofu-light"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/material-icon-theme/opentofu-light.svg" alt="Ikon Opentofu Light" width="24" height="24">Ikon terkait di Material Icon Theme
Ikon Opentofu Light di set ikon lain
FAQ Ikon Opentofu Light
Apakah ikon Opentofu Light gratis untuk penggunaan komersial?
Ya. Material Icon Theme icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Opentofu Light di React?
Pasang @iconify/react lalu render <Icon icon="material-icon-theme:opentofu-light" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Opentofu Light ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/material-icon-theme/opentofu-light.svg" alt="Ikon Opentofu Light">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.