ICONYZ
العربية
أيقونة My Sites Horizon من Gridicons

أيقونة My Sites Horizon

gridicons:my-sites-horizon

أيقونة My Sites Horizon (gridicons:my-sites-horizon) أيقونة SVG مجانية من مجموعة Gridicons من تصميم Automattic. مرسومة على شبكة 24 × 24. تُنشر Gridicons بموجب ترخيص GPL 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية، على أن تحتفظ النسخ المعدّلة من ملفات الأيقونات بالترخيص نفسه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Gridicons
المؤلف
Automattic
الترخيص
GPL-2.0-only
الحجم
24 × 24
الوسوم
mysites، siteshorizon، mysiteshorizon، site
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m10.986 13.928l.762-2.284l-1.324-3.629a16 16 0 0 1-.892-.081c-.458-.027-.405-.727.054-.701c0 0 1.403.108 2.239.108c.889 0 2.266-.108 2.266-.108c.458-.027.512.646.054.701c0 0-.461.054-.973.081l2.006 5.966a82 82 0 0 0-2.599-.061l-.429-1.177l-.403 1.171c-.252.001-.508.01-.761.014m-7.156.393A8.5 8.5 0 0 1 3.5 12c0-1.232.264-2.402.736-3.459l2.036 5.578q1.273-.087 2.526-.137L6.792 8.015c.512-.027.973-.081.973-.081c.458-.054.404-.727-.055-.701c0 0-1.376.108-2.265.108c-.16 0-.347-.004-.547-.01A8.49 8.49 0 0 1 12 3.5c2.213 0 4.228.846 5.74 2.232c-.036-.002-.072-.007-.11-.007c-.835 0-1.427.727-1.427 1.509c0 .701.404 1.293.835 1.994c.323.566.701 1.293.701 2.344c0 .674-.245 1.463-.573 2.51q.452.03.907.066l.798-2.307c.485-1.213.646-2.182.646-3.044q-.002-.469-.057-.874A8.5 8.5 0 0 1 20.5 12c0 .807-.128 1.581-.339 2.32c.5.049 1.005.112 1.508.169A10 10 0 0 0 22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 .862.125 1.692.331 2.49c.5-.057 1.002-.12 1.499-.169m14.638 3.167c-1.792 2.184-4.35 3.013-6.468 3.013c-1.876 0-4.551-.698-6.463-3.013q-.877.07-1.769.161C5.571 20.271 8.578 22 12 22s6.429-1.729 8.232-4.351a80 80 0 0 0-1.764-.161M12 15.01c-3.715 0-7.368.266-10.958.733q.27.615.506 1.247c3.427-.431 6.91-.679 10.452-.679s7.025.248 10.452.679q.236-.632.506-1.246A85 85 0 0 0 12 15.01"/></svg>

كيفية استخدام أيقونة My Sites Horizon

React

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

<Icon icon="gridicons:my-sites-horizon" width="24" />

Vue

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

<template>
  <Icon icon="gridicons:my-sites-horizon" width="24" />
</template>

Svelte

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

<Icon icon="gridicons:my-sites-horizon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[gridicons--my-sites-horizon]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/gridicons -->
<div class="i-gridicons:my-sites-horizon"></div>

مكوّن ويب

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

<iconify-icon icon="gridicons:my-sites-horizon"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/gridicons/my-sites-horizon.svg" alt="أيقونة My Sites Horizon" width="24" height="24">

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

أيقونة my-sites
my-sites

الأسئلة الشائعة حول أيقونة My Sites Horizon

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

نعم. تُنشر Gridicons بموجب ترخيص GPL 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية، على أن تحتفظ النسخ المعدّلة من ملفات الأيقونات بالترخيص نفسه.

كيف أستخدم أيقونة My Sites Horizon في React؟

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/gridicons/my-sites-horizon.svg" alt="أيقونة My Sites Horizon">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Gridicons →