أيقونة Penpot Light

thesvg-color:penpot-light

أيقونة Penpot Light (thesvg-color:penpot-light) أيقونة SVG مجانية من مجموعة theSVG Color من تصميم thesvg.org. مرسومة على شبكة 262 × 346. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: theSVG Color
المؤلف: thesvg.org
الترخيص: MIT
الحجم: 262 × 346
الوسوم: penpotlight

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="262" height="346" viewBox="0 0 262 346"><path d="M68.319 0L31.942 51.236v28.963L.286 95.256L0 95.12v188.953l123.418 58.307l7.543 3.56l7.541-3.56l123.42-58.307V95.12l-.232.11l-31.666-15.061V51.236l-1.108-1.559L193.645 0l-36.379 51.236v.05l-26.47-37.28L104.53 51l-.94-1.323zm6.435 29.761l14.07 19.817h-41.01L61.72 29.994zm125.327 0l14.07 19.817h-41.012l13.904-19.584zM137.23 43.77l14.07 19.815h-41.01L124.196 44zM43.924 59.564h19.451v65.496l-19.45-9.19zm29.438 0h19.353l-.002 79.356l-19.353-9.143zm95.886 0h19.454l-.002 70.147l-19.45 9.187zm29.438 0h19.353v56.285l-19.353 9.143zM106.401 73.57h19.451v81.004l-19.451-9.19zm29.437 0h19.354l-.002 71.97l-19.354 9.145zm94.184 21.525l17.125 7.002l-17.125 8.09zm-198.08.026v15.09l-17.123-8.09zm-16.86 23.808l108.336 51.178v155.59L15.082 274.519zm231.756 0v155.59l-108.336 51.178v-155.59z" color="#000"/></svg>

كيفية استخدام أيقونة Penpot Light

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg-color:penpot-light" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg-color:penpot-light" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg-color:penpot-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--penpot-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:penpot-light"></div>

مكوّن ويب

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg-color:penpot-light"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/penpot-light.svg" alt="أيقونة Penpot Light" width="24" height="24">

أيقونات ذات صلة في theSVG Color

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

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

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

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

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

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

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

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

تصفح كل أيقونات theSVG Color →