ICONYZ
العربية
أيقونة Opentofu Light من Material Icon Theme

أيقونة Opentofu Light

material-icon-theme:opentofu-light

أيقونة Opentofu Light (material-icon-theme:opentofu-light) أيقونة SVG مجانية من مجموعة Material Icon Theme من تصميم Material Extensions. مرسومة على شبكة 32 × 32. تُنشر Material Icon Theme icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Material Icon Theme
المؤلف
Material Extensions
الترخيص
MIT
الحجم
32 × 32
الوسوم
opentofulight
تنزيل SVG

شيفرة 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>

كيفية استخدام أيقونة 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>

مكوّن ويب

<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>

صورة HTML

<img src="https://iconyz.com/api/public/svg/material-icon-theme/opentofu-light.svg" alt="أيقونة Opentofu Light" width="24" height="24">

أيقونات ذات صلة في Material Icon Theme

أيقونة Opentofu Light في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Opentofu Light

هل أيقونة Opentofu Light مجانية للاستخدام التجاري؟

نعم. تُنشر Material Icon Theme icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Opentofu Light في React؟

ثبّت @iconify/react واعرض <Icon icon="material-icon-theme:opentofu-light" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Opentofu Light إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/material-icon-theme/opentofu-light.svg" alt="أيقونة Opentofu Light">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Material Icon Theme →