أيقونة Compas
flat-ui:compas
أيقونة Compas (flat-ui:compas) أيقونة SVG مجانية من مجموعة Flat UI Icons من تصميم Designmodo, Inc.. مرسومة على شبكة 112 × 111. تُنشر Flat UI Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Flat UI Icons
- المؤلف
- Designmodo, Inc.
- الترخيص
- MIT
- الحجم
- 112 × 111
- الوسوم
- compa
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="112" height="111" viewBox="0 0 112 111"><circle cx="50" cy="61" r="50" fill="#3498DA"/><path fill="#27AE60" fill-rule="evenodd" d="M15.511 97.184C5.961 88.076 0 75.239 0 61.002C0 33.387 22.386 11 50.001 11c14.395 0 27.359 6.091 36.482 15.826z" clip-rule="evenodd"/><path fill="#95A5A6" fill-rule="evenodd" d="M84.489 24.816C94.039 33.924 100 46.761 100 60.998c0 13.668-5.484 26.055-14.372 35.08c-14.109-14.109-9.155-9.144-36.401-36.304z" clip-rule="evenodd"/><path fill="#F1C40F" d="M88.062 93.404L55.488 60.832l32.418-32.417a50 50 0 0 0-5.053-5.088L12.326 93.854a50 50 0 0 0 5.089 5.053L49.832 66.49l32.573 32.572a50 50 0 0 0 5.657-5.658"/><path fill-rule="evenodd" d="M104.287 36.302c-6.477 6.476-16.362 7.425-23.864 2.892l-4.205 4.205c10.024 13.692 8.892 33.002-3.48 45.374c-13.668 13.668-35.829 13.668-49.497 0s-13.668-35.829 0-49.497c12.559-12.56 32.283-13.569 46.006-3.048l4.223-4.223c-4.146-7.426-3.082-16.979 3.23-23.292c7.618-7.617 19.969-7.617 27.588 0c7.616 7.618 7.616 19.97-.001 27.589m-3.557-24.021c-5.659-5.665-14.835-5.665-20.494 0c-5.659 5.664-5.659 14.849 0 20.514s14.835 5.664 20.494 0c5.66-5.665 5.66-14.85 0-20.514" clip-rule="evenodd" opacity=".05"/><path fill="#E74C3C" fill-rule="evenodd" d="M106.287 33.356c-6.477 6.476-16.362 7.425-23.864 2.892l-4.205 4.206c10.024 13.692 8.892 33.001-3.48 45.374c-13.668 13.668-35.829 13.668-49.497 0s-13.668-35.829 0-49.497c12.559-12.56 32.283-13.569 46.006-3.048l4.223-4.222c-4.146-7.426-3.082-16.98 3.23-23.292c7.618-7.617 19.969-7.617 27.588 0c7.616 7.617 7.616 19.969-.001 27.587m-3.557-24.02c-5.659-5.665-14.835-5.665-20.494 0c-5.659 5.664-5.659 14.849 0 20.514s14.835 5.664 20.494 0c5.66-5.665 5.66-14.85 0-20.514" clip-rule="evenodd"/><circle cx="50" cy="61" r="27" fill="#fff" fill-rule="evenodd" clip-rule="evenodd"/><circle cx="50.5" cy="43.75" r="2.5" fill="#ECF0F1" fill-rule="evenodd" clip-rule="evenodd"/><circle cx="50.5" cy="78.75" r="2.5" fill="#ECF0F1" fill-rule="evenodd" clip-rule="evenodd"/><circle cx="32.5" cy="60.75" r="2.5" fill="#ECF0F1" fill-rule="evenodd" clip-rule="evenodd"/><circle cx="68.5" cy="60.75" r="2.5" fill="#ECF0F1" fill-rule="evenodd" clip-rule="evenodd"/><path fill-rule="evenodd" d="M50 34c-7.965 0-15.122 3.45-20.064 8.936A26.9 26.9 0 0 1 48 36c14.912 0 27 12.088 27 27a26.9 26.9 0 0 1-6.936 18.064C73.55 76.122 77 68.965 77 61c0-14.912-12.088-27-27-27" clip-rule="evenodd" opacity=".15"/><path fill="#34495E" d="M65.141 44.533L53.31 64.696L33.312 76.362z"/><path fill="#306DAB" d="m33.312 76.362l11.831-20.163l19.998-11.667z"/><path fill="#C0392B" fill-rule="evenodd" d="m78.807 24.561l8.021 8.021c1.952 1.954 1.403 4.252-.354 6.01s-4.058 2.307-6.01.354l-8.021-8.021c-1.953-1.952-1.404-4.253.354-6.01c1.758-1.758 4.057-2.307 6.01-.354" clip-rule="evenodd"/></svg>كيفية استخدام أيقونة Compas
React
import { Icon } from "@iconify/react";
<Icon icon="flat-ui:compas" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flat-ui:compas" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flat-ui:compas" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-ui--compas]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flat-ui -->
<div class="i-flat-ui:compas"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flat-ui:compas"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/flat-ui/compas.svg" alt="أيقونة Compas" width="24" height="24">الأسئلة الشائعة حول أيقونة Compas
هل أيقونة Compas مجانية للاستخدام التجاري؟
نعم. تُنشر Flat UI Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Compas في React؟
ثبّت @iconify/react واعرض <Icon icon="flat-ui:compas" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Compas إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/flat-ui/compas.svg" alt="أيقونة Compas">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.