أيقونة Goal
flat-ui:goal
أيقونة Goal (flat-ui:goal) أيقونة SVG مجانية من مجموعة Flat UI Icons من تصميم Designmodo, Inc.. مرسومة على شبكة 102 × 102. تُنشر Flat UI Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Flat UI Icons
- المؤلف
- Designmodo, Inc.
- الترخيص
- MIT
- الحجم
- 102 × 102
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="102" height="102" viewBox="0 0 102 102"><defs><path id="SVGmzXNO21H" fill="#F0C419" d="M89 74H76l13 13h13z"/></defs><circle cx="50" cy="52" r="50" opacity=".15"/><circle cx="52" cy="50" r="50" fill="#3B97D3"/><path fill="#fff" d="M52 10c22.091 0 40 17.909 40 40S74.091 90 52 90S12 72.091 12 50s17.909-40 40-40"/><path fill="#6BC8F2" fill-rule="evenodd" d="M52 20c16.569 0 30 13.431 30 30c0 16.568-13.431 30-30 30S22 66.568 22 50c0-16.569 13.431-30 30-30" clip-rule="evenodd"/><path fill="#fff" d="M52 30c11.046 0 20 8.955 20 20s-8.954 20-20 20s-20-8.955-20-20s8.954-20 20-20"/><path fill="#E64C3C" fill-rule="evenodd" d="M52 40c5.523 0 10 4.477 10 10s-4.477 10-10 10s-10-4.478-10-10s4.477-10 10-10" clip-rule="evenodd"/><use href="#SVGmzXNO21H" fill-rule="evenodd" clip-rule="evenodd"/><path fill="#F29C1F" fill-rule="evenodd" d="M89 100V87L76 74v13z" clip-rule="evenodd"/><use href="#SVGmzXNO21H" fill-rule="evenodd" clip-rule="evenodd"/><path d="M50.439 48.439L15.121 83.757a51 51 0 0 0 2.097 2.145L52.56 50.56a1.5 1.5 0 1 0-2.121-2.121" opacity=".15"/><path fill="#E57E25" d="M90.363 89.896c-.384 0-.769-.146-1.062-.439L50.939 51.061a1.501 1.501 0 0 1 2.123-2.121l38.363 38.395a1.501 1.501 0 0 1-1.062 2.561"/></svg>كيفية استخدام أيقونة Goal
React
import { Icon } from "@iconify/react";
<Icon icon="flat-ui:goal" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flat-ui:goal" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flat-ui:goal" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-ui--goal]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flat-ui -->
<div class="i-flat-ui:goal"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flat-ui:goal"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/flat-ui/goal.svg" alt="أيقونة Goal" width="24" height="24">أيقونة Goal في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Goal
هل أيقونة Goal مجانية للاستخدام التجاري؟
نعم. تُنشر Flat UI Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Goal في React؟
ثبّت @iconify/react واعرض <Icon icon="flat-ui:goal" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Goal إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/flat-ui/goal.svg" alt="أيقونة Goal">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.