أيقونة Finish
gis:finish
أيقونة Finish (gis:finish) أيقونة SVG مجانية من مجموعة Font-GIS من تصميم Jean-Marc Viglino. مرسومة على شبكة 100 × 100. تُنشر Font-GIS icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Font-GIS
- المؤلف
- Jean-Marc Viglino
- الترخيص
- CC-BY-4.0
- الحجم
- 100 × 100
- الفئة
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M2.5 12.5A2.5 2.5 0 0 0 0 15v70a2.5 2.5 0 0 0 2.5 2.5h95A2.5 2.5 0 0 0 100 85V15a2.5 2.5 0 0 0-2.5-2.5zm2.5 5h90v65H5Z" color="currentColor"/><path fill="currentColor" d="M71.668 17.496v16.668h16.664V17.496Zm16.664 16.668v16.664H99V34.164Zm0 16.664H71.668v16.668h16.664zm0 16.668v16.666H99V67.496Zm-16.664 0H55v16.666h16.668Zm-16.668 0V50.832H38.332v16.664zm-16.668 0H21.668v16.668h16.664zm-16.664 0V50.832H5v16.664zm0-16.664h16.664V34.164H21.668Zm0-16.668V17.5H5v16.664zm16.664 0H55V17.5H38.332Zm16.668 0v16.664h16.668V34.164Z" color="currentColor"/></svg>كيفية استخدام أيقونة Finish
React
import { Icon } from "@iconify/react";
<Icon icon="gis:finish" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="gis:finish" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="gis:finish" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[gis--finish]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/gis -->
<div class="i-gis:finish"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="gis:finish"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/gis/finish.svg" alt="أيقونة Finish" width="24" height="24">الأسئلة الشائعة حول أيقونة Finish
هل أيقونة Finish مجانية للاستخدام التجاري؟
نعم. تُنشر Font-GIS icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.
كيف أستخدم أيقونة Finish في React؟
ثبّت @iconify/react واعرض <Icon icon="gis:finish" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Finish إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/gis/finish.svg" alt="أيقونة Finish">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.