أيقونة Overleaf

academicons:overleaf

أيقونة Overleaf (academicons:overleaf) أيقونة SVG مجانية من مجموعة Academicons من تصميم James Walsh. مرسومة على شبكة 384 × 512. تُنشر Academicons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Academicons
المؤلف: James Walsh
الترخيص: OFL-1.1
الحجم: 384 × 512

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="384" height="512" viewBox="0 0 384 512"><path fill="currentColor" d="M108.213 148.53C46.514 188.03 5.658 252.413 5.658 321.29C5.656 404.527 73.136 472 156.385 472c83.24 0 150.708-67.473 150.708-150.709c0-64.337-40.316-119.29-97.04-140.888c-10.91-4.149-34.61-11.613-53.533-10.02c-27.03 17.185-59.956 52.495-75.559 87.682c23.198-27.821 59.368-39.937 91.433-34.785c47.209 7.655 83.268 48.62 83.268 97.995c0 54.844-44.451 99.292-99.28 99.292c-30.216 0-57.294-13.496-75.495-34.785c-26.95-31.491-33.885-65.64-28.442-98.997C71.543 169.981 210.21 103.398 313.314 77.847c-33.65 17.802-94.347 47.064-136.795 78.919c123.833 47.8 143.845-56.556 201.823-103.255c-58.34-22.745-269.786-31.144-270.13 95.018Z"/></svg>

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

React

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

<Icon icon="academicons:overleaf" width="24" />

Vue

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

<template>
  <Icon icon="academicons:overleaf" width="24" />
</template>

Svelte

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

<Icon icon="academicons:overleaf" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[academicons--overleaf]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/academicons -->
<div class="i-academicons:overleaf"></div>

مكوّن ويب

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

<iconify-icon icon="academicons:overleaf"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/academicons/overleaf.svg" alt="أيقونة Overleaf" width="24" height="24">

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

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

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

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

نعم. تُنشر Academicons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

تصفح كل Academicons →