أيقونة Prerender
logos:prerender
أيقونة Prerender (logos:prerender) أيقونة SVG مجانية من مجموعة SVG Logos من تصميم Gil Barbara. مرسومة على شبكة 512 × 81. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- SVG Logos
- المؤلف
- Gil Barbara
- الترخيص
- CC0-1.0
- الحجم
- 512 × 81
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="81" viewBox="0 0 512 81"><path fill="#5d7b8c" d="M147.444 19.782q3.398 0 6.359.667q2.959.667 5.163 2.22q2.203 1.557 3.494 4.127q1.29 2.57 1.29 6.315q0 3.618-1.29 6.284q-1.292 2.667-3.494 4.38q-2.205 1.715-5.1 2.54q-2.898.825-6.17.825h-5.1v14.028h-9.256V19.782Zm40.566 0q3.273.001 6.139.635q2.865.636 5.005 2.127t3.4 3.966t1.26 6.158q0 4.57-1.984 7.521q-1.983 2.953-5.32 4.411l9.318 16.568h-10.389l-7.87-14.917h-5.1v14.917h-9.255V19.782Zm50.897 0v7.871h-16.433v8.315h13.978v7.807h-13.978v9.522h17.063v7.872H213.22V19.782zm24.08 0q3.273.001 6.138.635q2.866.636 5.007 2.127q2.139 1.491 3.4 3.966q1.257 2.476 1.258 6.158q0 4.57-1.983 7.521q-1.984 2.953-5.32 4.411l9.319 16.568h-10.389l-7.87-14.917h-5.1v14.917h-9.256V19.782Zm51.367 0v7.871H297.92v8.315h13.977v7.807H297.92v9.522h17.062v7.872h-26.317V19.782zm19.26 0l10.704 20.566l4.03 9.14h.251q-.315-3.3-.724-7.363a77 77 0 0 1-.41-7.744V19.782h8.815v41.386h-9.507l-10.704-20.63l-4.029-9.013h-.252q.314 3.429.724 7.363q.41 3.937.41 7.618v14.663h-8.815V19.782zm43.948 0q4.721 0 8.5 1.206q3.776 1.208 6.484 3.714q2.707 2.508 4.154 6.38q1.45 3.872 1.45 9.203q0 5.332-1.45 9.267q-1.447 3.937-4.092 6.507q-2.644 2.571-6.327 3.84q-3.683 1.27-8.216 1.27h-12.089V19.782Zm55.962 0v7.871h-16.433v8.315h13.977v7.807H417.09v9.522h17.063v7.872h-26.318V19.782zm24.549 0q3.273.001 6.138.635q2.865.636 5.006 2.127t3.4 3.966t1.26 6.158q0 4.57-1.984 7.521q-1.983 2.953-5.32 4.412l9.318 16.567h-10.388l-7.87-14.917h-5.1v14.917h-9.255V19.782Zm-81.079 7.554h-1.763v26.279h1.763q2.644 0 4.785-.699q2.14-.696 3.653-2.253q1.51-1.554 2.36-4.094q.85-2.538.85-6.284q0-3.681-.85-6.189t-2.36-3.998q-1.512-1.492-3.653-2.127t-4.785-.635m127.34 3.957q1.675-.013 3.07.615a6.9 6.9 0 0 1 2.42 1.805q1.023 1.177 1.59 2.875t.585 3.82q.018 2.154-.523 3.887q-.54 1.734-1.543 2.954a7 7 0 0 1-2.39 1.886q-1.385.666-3.06.678q-1.676.014-3.072-.628a6.8 6.8 0 0 1-2.406-1.847q-1.01-1.203-1.577-2.928q-.569-1.725-.585-3.877q-.018-2.151.523-3.858q.54-1.706 1.53-2.9a6.7 6.7 0 0 1 2.376-1.83q1.386-.637 3.061-.652m-11.398.42l.143 17.868l-2.242.018l-.144-17.868zm11.414 1.57q-1.189.009-2.144.52a4.85 4.85 0 0 0-1.636 1.444q-.681.931-1.049 2.27q-.368 1.335-.354 2.998q.013 1.689.402 3.034q.39 1.346 1.086 2.306q.696.963 1.66 1.471q.961.51 2.152.5q1.186-.01 2.143-.535a4.8 4.8 0 0 0 1.636-1.498q.68-.973 1.048-2.324q.369-1.35.354-3.04q-.013-1.66-.402-2.992q-.388-1.332-1.085-2.252a4.86 4.86 0 0 0-1.66-1.417q-.962-.495-2.151-.486m-22.2 5.632q.65-.006 1.126.467t.483 1.262q.006.736-.463 1.216t-1.117.486a1.56 1.56 0 0 1-1.152-.467q-.477-.472-.482-1.209q-.007-.79.462-1.27q.468-.48 1.144-.485M146.878 27.209h-4.281v12.504h4.533q7.556 0 7.555-6.6q0-3.24-2.015-4.572t-5.792-1.332m40.378 0h-4.785v11.616h4.785q3.65 0 5.572-1.555q1.92-1.556 1.92-4.602t-1.92-4.253t-5.572-1.206m74.976 0h-4.785v11.616h4.785q3.65 0 5.572-1.555q1.92-1.556 1.92-4.602t-1.92-4.253t-5.572-1.206m195.086 0h-4.785v11.616h4.785q3.651 0 5.573-1.555q1.92-1.556 1.92-4.602t-1.92-4.253t-5.573-1.206"/><path fill="#f0da50" d="M26.983 0v26.983h13.492c7.45 0 13.491-6.04 13.491-13.491V0z"/><path fill="#4bc69a" d="M13.492 0C6.04 0 0 6.04 0 13.492v53.966C0 74.909 6.04 80.95 13.492 80.95h13.491V0z"/><path fill="#f0da50" d="M67.458 53.966c-7.451 0-13.492 6.04-13.492 13.492V80.95H80.95V53.966z"/><path fill="#5d7b8c" d="M94.441 0H80.95v80.95h13.49c7.451 0 13.492-6.04 13.492-13.492V13.492C107.933 6.04 101.893 0 94.44 0"/></svg>كيفية استخدام أيقونة Prerender
React
import { Icon } from "@iconify/react";
<Icon icon="logos:prerender" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:prerender" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:prerender" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--prerender]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:prerender"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:prerender"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/logos/prerender.svg" alt="أيقونة Prerender" width="24" height="24">أيقونات ذات صلة في SVG Logos
الأسئلة الشائعة حول أيقونة Prerender
هل أيقونة Prerender مجانية للاستخدام التجاري؟
نعم. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Prerender في React؟
ثبّت @iconify/react واعرض <Icon icon="logos:prerender" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Prerender إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/logos/prerender.svg" alt="أيقونة Prerender">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.