ICONYZ
العربية
أيقونة Icons 1 Outline من Glyphs

أيقونة Icons 1 Outline

glyphs:icons-1-outline

أيقونة Icons 1 Outline (glyphs:icons-1-outline) أيقونة SVG مجانية من مجموعة Glyphs من تصميم Goran Spasojevic. مرسومة على شبكة 80 × 80. تُنشر Glyphs icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Glyphs
المؤلف
Goran Spasojevic
الترخيص
MIT
الحجم
80 × 80
الوسوم
iconsoutline، icon
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M32.89 10.403a2 2 0 0 0-.465-.164L16.162 6.337a2 2 0 0 0-.958-.015a2 2 0 0 0-1.344 1.06a2 2 0 0 0-.208.934v12.56a7.3 7.3 0 0 0-2.327-.388c-3.037 0-6.327 2.024-6.327 5.431s3.29 5.431 6.327 5.431s6.327-2.024 6.327-5.431V15.711l12.346 2.961v6.126a7.3 7.3 0 0 0-2.327-.389c-3.037 0-6.327 2.024-6.327 5.432c0 3.407 3.29 5.43 6.327 5.43s6.327-2.023 6.327-5.43V12.235a2 2 0 0 0-.43-1.28a2 2 0 0 0-.679-.553m-15.238.406v.788l12.346 2.962v-.789zm-4 15.11c-.001-.384-.586-1.431-2.327-1.431c-1.743 0-2.327 1.048-2.327 1.431s.584 1.431 2.327 1.431s2.327-1.049 2.327-1.432m16.346 3.922c0-.383-.585-1.432-2.327-1.432s-2.327 1.049-2.327 1.432s.585 1.43 2.327 1.43s2.327-1.047 2.327-1.43m19.097-11.48a5.208 5.208 0 1 1 5.209-9.022l.793.459a5.208 5.208 0 0 1 1.18 8.09l2.154 1.244l11.702-6.757a2 2 0 1 1 2 3.464L62.43 21.44l9.702 5.602a2 2 0 0 1-2 3.464L58.43 23.748l-2.153 1.244a5.208 5.208 0 0 1-1.18 8.09l-.794.459a5.208 5.208 0 0 1-5.209-9.021l.794-.459l.019-.01l4.523-2.612l-4.523-2.611l-.019-.011zm2.386-3.242l.012.007l.396.229l.01.005a1.208 1.208 0 0 0 1.198-2.098l-.793-.458a1.208 1.208 0 1 0-1.209 2.092zm0 12.644l-.386.223a1.208 1.208 0 1 0 1.209 2.093l.793-.459a1.208 1.208 0 0 0-1.199-2.098l-.009.005l-.396.23z" clip-rule="evenodd"/><path fill="currentColor" fill-opacity=".25" d="M26.043 43.6a22.4 22.4 0 0 0-10.088 0a22.55 22.55 0 0 0-9.084 4.427a22.8 22.8 0 0 0-3.472 3.485a2 2 0 0 0 3.122 2.5a18.8 18.8 0 0 1 2.862-2.872a18.55 18.55 0 0 1 7.472-3.642c2.728-.63 5.56-.63 8.288 0a18.55 18.55 0 0 1 7.472 3.642a18.8 18.8 0 0 1 2.864 2.875a2 2 0 0 0 3.122-2.5a22.8 22.8 0 0 0-3.474-3.488a22.54 22.54 0 0 0-9.084-4.427"/><path fill="currentColor" fill-opacity=".25" d="M24.668 50.78a16.3 16.3 0 0 0-7.332 0a16.4 16.4 0 0 0-6.6 3.216a16.6 16.6 0 0 0-2.844 2.946a2 2 0 1 0 3.2 2.4a12.5 12.5 0 0 1 2.156-2.233a12.4 12.4 0 0 1 4.988-2.432c1.82-.42 3.711-.42 5.532 0a12.4 12.4 0 0 1 4.989 2.432a12.6 12.6 0 0 1 2.155 2.233a2 2 0 1 0 3.2-2.401a16.5 16.5 0 0 0-2.843-2.945a16.4 16.4 0 0 0-6.601-3.217"/><path fill="currentColor" fill-opacity=".25" d="M23.29 57.961a10.2 10.2 0 0 0-4.575 0a10.2 10.2 0 0 0-4.118 2.006a10.3 10.3 0 0 0-2.24 2.515a2 2 0 0 0 3.38 2.139a6.3 6.3 0 0 1 1.372-1.541a6.2 6.2 0 0 1 2.506-1.221a6.2 6.2 0 0 1 2.775 0c.913.21 1.77.627 2.505 1.221c.538.434 1 .954 1.371 1.54a2 2 0 0 0 3.38-2.14a10.3 10.3 0 0 0-2.239-2.513a10.2 10.2 0 0 0-4.117-2.006m36.208-14.689a2 2 0 0 1 2 1.992l.016 4.16a2 2 0 0 1-2 2.008a2 2 0 0 1-2.032-2.007l.016-4.16a2 2 0 0 1 2-1.993m-10.96 4.54a2 2 0 0 1 2.823-.006l2.953 2.931a2 2 0 0 1 .002 2.837a2 2 0 0 1-2.853.014l-2.93-2.953a2 2 0 0 1 .005-2.823m21.92 0a2 2 0 0 1 .006 2.823l-2.93 2.953a2 2 0 0 1-2.838.002a2 2 0 0 1-.014-2.853l2.953-2.93a2 2 0 0 1 2.823.005m-18.299 10.96a2 2 0 0 0-2.008-2.016l-4.16.016a2 2 0 0 0 0 4l4.16.016a2 2 0 0 0 2.008-2.016m15.018-1.13a2 2 0 0 1 1.669-.886l4.16.016a2 2 0 0 1 0 4l-4.16.016a2 2 0 0 1-2.008-2.016a2 2 0 0 1 .339-1.13m-12.86 6.328a2 2 0 0 0-2.854-.014l-2.93 2.953a2 2 0 0 0 2.828 2.828l2.953-2.93a2 2 0 0 0 .002-2.837m11.411-.567a2 2 0 0 1 1.806.553l2.93 2.953a2 2 0 0 1-2.828 2.828l-2.953-2.93a2 2 0 0 1 .014-2.853a2 2 0 0 1 1.031-.551m-6.213 2.709a2 2 0 0 0-2.032 2.007l.016 4.16a2 2 0 0 0 4 0l.016-4.16a2 2 0 0 0-2-2.007M61.7 53.454a5.757 5.757 0 1 0-4.405 10.637a5.757 5.757 0 0 0 4.406-10.637"/><path fill="currentColor" fill-opacity=".25" d="M20.998 63.843c-2.296 0-4.118 1.878-4.118 4.143c0 2.266 1.822 4.143 4.118 4.143s4.118-1.877 4.118-4.143s-1.822-4.143-4.118-4.143"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M32.89 10.403a2 2 0 0 0-.465-.164L16.162 6.337a2 2 0 0 0-.958-.015a2 2 0 0 0-1.344 1.06a2 2 0 0 0-.208.934v12.56a7.3 7.3 0 0 0-2.327-.388c-3.037 0-6.327 2.024-6.327 5.431s3.29 5.431 6.327 5.431s6.327-2.024 6.327-5.431V15.711l12.346 2.961v6.126a7.3 7.3 0 0 0-2.327-.389c-3.037 0-6.327 2.024-6.327 5.432c0 3.407 3.29 5.43 6.327 5.43s6.327-2.023 6.327-5.43V12.235a2 2 0 0 0-.43-1.28a2 2 0 0 0-.679-.553m-15.238.406v.788l12.346 2.962v-.789zm-4 15.11c-.001-.384-.586-1.431-2.327-1.431c-1.743 0-2.327 1.048-2.327 1.431s.584 1.431 2.327 1.431s2.327-1.049 2.327-1.432m16.346 3.922c0-.383-.585-1.432-2.327-1.432s-2.327 1.049-2.327 1.432s.585 1.43 2.327 1.43s2.327-1.047 2.327-1.43m19.097-11.48a5.208 5.208 0 1 1 5.209-9.022l.793.459a5.208 5.208 0 0 1 1.18 8.09l2.154 1.244l11.702-6.757a2 2 0 1 1 2 3.464L62.43 21.44l9.702 5.602a2 2 0 0 1-2 3.464L58.43 23.748l-2.153 1.244a5.208 5.208 0 0 1-1.18 8.09l-.794.459a5.208 5.208 0 0 1-5.209-9.021l.794-.459l.019-.01l4.523-2.612l-4.523-2.611l-.019-.011zm2.386-3.242l.012.007l.396.229l.01.005a1.208 1.208 0 0 0 1.198-2.098l-.793-.458a1.208 1.208 0 1 0-1.209 2.092zm0 12.644l-.386.223a1.208 1.208 0 1 0 1.209 2.093l.793-.459a1.208 1.208 0 0 0-1.199-2.098l-.009.005l-.396.23z" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M26.043 43.6a22.4 22.4 0 0 0-10.088 0a22.55 22.55 0 0 0-9.084 4.427a22.8 22.8 0 0 0-3.472 3.485a2 2 0 0 0 3.122 2.5a18.8 18.8 0 0 1 2.862-2.872a18.55 18.55 0 0 1 7.472-3.642c2.728-.63 5.56-.63 8.288 0a18.55 18.55 0 0 1 7.472 3.642a18.8 18.8 0 0 1 2.864 2.875a2 2 0 0 0 3.122-2.5a22.8 22.8 0 0 0-3.474-3.488a22.54 22.54 0 0 0-9.084-4.427"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M24.668 50.78a16.3 16.3 0 0 0-7.332 0a16.4 16.4 0 0 0-6.6 3.216a16.6 16.6 0 0 0-2.844 2.946a2 2 0 1 0 3.2 2.4a12.5 12.5 0 0 1 2.156-2.233a12.4 12.4 0 0 1 4.988-2.432c1.82-.42 3.711-.42 5.532 0a12.4 12.4 0 0 1 4.989 2.432a12.6 12.6 0 0 1 2.155 2.233a2 2 0 1 0 3.2-2.401a16.5 16.5 0 0 0-2.843-2.945a16.4 16.4 0 0 0-6.601-3.217"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M23.29 57.961a10.2 10.2 0 0 0-4.575 0a10.2 10.2 0 0 0-4.118 2.006a10.3 10.3 0 0 0-2.24 2.515a2 2 0 0 0 3.38 2.139a6.3 6.3 0 0 1 1.372-1.541a6.2 6.2 0 0 1 2.506-1.221a6.2 6.2 0 0 1 2.775 0c.913.21 1.77.627 2.505 1.221c.538.434 1 .954 1.371 1.54a2 2 0 0 0 3.38-2.14a10.3 10.3 0 0 0-2.239-2.513a10.2 10.2 0 0 0-4.117-2.006m36.208-14.689a2 2 0 0 1 2 1.992l.016 4.16a2 2 0 0 1-2 2.008a2 2 0 0 1-2.032-2.007l.016-4.16a2 2 0 0 1 2-1.993m-10.96 4.54a2 2 0 0 1 2.823-.006l2.953 2.931a2 2 0 0 1 .002 2.837a2 2 0 0 1-2.853.014l-2.93-2.953a2 2 0 0 1 .005-2.823m21.92 0a2 2 0 0 1 .006 2.823l-2.93 2.953a2 2 0 0 1-2.838.002a2 2 0 0 1-.014-2.853l2.953-2.93a2 2 0 0 1 2.823.005m-18.299 10.96a2 2 0 0 0-2.008-2.016l-4.16.016a2 2 0 0 0 0 4l4.16.016a2 2 0 0 0 2.008-2.016m15.018-1.13a2 2 0 0 1 1.669-.886l4.16.016a2 2 0 0 1 0 4l-4.16.016a2 2 0 0 1-2.008-2.016a2 2 0 0 1 .339-1.13m-12.86 6.328a2 2 0 0 0-2.854-.014l-2.93 2.953a2 2 0 0 0 2.828 2.828l2.953-2.93a2 2 0 0 0 .002-2.837m11.411-.567a2 2 0 0 1 1.806.553l2.93 2.953a2 2 0 0 1-2.828 2.828l-2.953-2.93a2 2 0 0 1 .014-2.853a2 2 0 0 1 1.031-.551m-6.213 2.709a2 2 0 0 0-2.032 2.007l.016 4.16a2 2 0 0 0 4 0l.016-4.16a2 2 0 0 0-2-2.007M61.7 53.454a5.757 5.757 0 1 0-4.405 10.637a5.757 5.757 0 0 0 4.406-10.637"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M20.998 63.843c-2.296 0-4.118 1.878-4.118 4.143c0 2.266 1.822 4.143 4.118 4.143s4.118-1.877 4.118-4.143s-1.822-4.143-4.118-4.143"/></g></svg>

كيفية استخدام أيقونة Icons 1 Outline

React

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

<Icon icon="glyphs:icons-1-outline" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:icons-1-outline" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:icons-1-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--icons-1-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:icons-1-outline"></div>

مكوّن ويب

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

<iconify-icon icon="glyphs:icons-1-outline"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/glyphs/icons-1-outline.svg" alt="أيقونة Icons 1 Outline" width="24" height="24">

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

أيقونة icons
icons
 أيقونة icons-1
icons-1
 أيقونة icons-1-bold
icons-1-bold
 أيقونة icons-1-duo
icons-1-duo
 أيقونة icons-bold
icons-bold
 أيقونة icons-duo
icons-duo
 أيقونة icons-outline
icons-outline

الأسئلة الشائعة حول أيقونة Icons 1 Outline

هل أيقونة Icons 1 Outline مجانية للاستخدام التجاري؟

نعم. تُنشر Glyphs icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Icons 1 Outline في React؟

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

كيف أضيف أيقونة Icons 1 Outline إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/glyphs/icons-1-outline.svg" alt="أيقونة Icons 1 Outline">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Glyphs →