أيقونة Glances Light

thesvg-color:glances-light

أيقونة Glances Light (thesvg-color:glances-light) أيقونة SVG مجانية من مجموعة theSVG Color من تصميم thesvg.org. مرسومة على شبكة 466 × 513. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: theSVG Color
المؤلف: thesvg.org
الترخيص: MIT
الحجم: 466 × 513
الوسوم: glanceslight، glance

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="466" height="513" viewBox="0 0 466 513"><g fill="none"><path fill="#57cb6a" fill-rule="evenodd" d="M255.158 74.672c-44.711 0-85.581 16.131-117.218 42.925l-36.626-43.246C142.801 39.214 196.539 18 255.158 18s112.356 21.214 153.844 56.351l-36.627 43.246c-31.636-26.794-72.506-42.925-117.217-42.925" clip-rule="evenodd"/><path fill="#494949" fill-rule="evenodd" d="M69.724 269.786q13.702-44.981 44.478-80.066q-7.482.929-14.517 4.214l-.7-.468l-.7-.469c17.386-25.971 39.225-47.353 65.536-64.146q-23.635-39.526-24.346-85.685q53.84 8.658 90.827 48.227q65.625 11.4 118.916 50.568q13.149 9.4 20.131 23.88a435 435 0 0 1 5.614 22.474c3.097 6.848 7.635 12.624 13.59 17.324a115.2 115.2 0 0 0 25.274 16.857a165 165 0 0 0 35.592 7.023c.617 9.289-1.732 17.717-7.031 25.284q-29.74 22.346-66.952 17.324a8829 8829 0 0 1-61.321-10.769c-15.742.44-24.802 8.555-27.162 24.348q-2.21 19.716 8.43 36.521a224 224 0 0 0 11.229 15.919a368 368 0 0 0 35.12 34.649a91 91 0 0 1-19.659 3.277c6.966 4.091 15.201 9.311 23.805 14.765c14.641 9.281 30.349 19.237 42.675 25.449c-50.784 29.423-105.666 61.132-219.117 18.314c-48.687-18.374-86.347-51.605-99.712-85.814c-11.55-29.563-9.135-49.012 0-79m223.847-92.103c23.05 13.307 49.721 10.265 49.721 10.265s-9.44-26.803-32.49-40.111c-23.049-13.308-50.981-8.081-50.981-8.081s10.7 24.619 33.75 37.927" clip-rule="evenodd"/><path fill="#656565" fill-rule="evenodd" d="M296.872 356.751a216 216 0 0 1-15.914-1.404q29.132 22.248 44.932 55.244q-6.725-2.264-14.041-3.277a14699 14699 0 0 1 11.233 27.154q-92.384 26.928-171.773-27.154a68 68 0 0 1 0-15.918a535 535 0 0 1 4.681-33.708q-13.818 16.67-20.594 37.453l-6.085-6.086q4.01-30.292 18.722-57.117q-3.196.549-6.553 0q1.701 1.254 0 2.341q-6.594 4.695-13.105 9.364q18.486-40.276 53.357-67.885a107.7 107.7 0 0 1 20.594-10.768a175.5 175.5 0 0 0 9.829 36.517a8.34 8.34 0 0 0 2.809 3.745a224.3 224.3 0 0 1 33.231-46.817l-.936-.936a110.7 110.7 0 0 0-28.551 22.472a111.2 111.2 0 0 1-6.553-31.836q-.544-1.303-1.872-1.872q-21.964 7.708-41.188 20.599q7.803-25.44 23.87-46.817q-2.697-1.603-5.616-.468a571 571 0 0 1-17.786 5.15v-.936q25.924-30.3 65.526-37.454a177.5 177.5 0 0 0-21.53-7.959q28.787-.327 55.23 11.236a984 984 0 0 1 71.143 39.326q36.98 21.538 79.568 17.791q7.974-3.97 14.041 2.341q-23.791 19.06-54.293 14.513a874 874 0 0 1-49.613-10.3q-59.601-12.962-56.634 48.222a93.6 93.6 0 0 0 7.489 28.09a293 293 0 0 0 16.382 27.154M196.71 87.085a472 472 0 0 0-25.274-12.173q-.469.468-.936.937a211 211 0 0 1 11.233 20.131q-5.055-1.464-9.361-5.15l-.936.936a499 499 0 0 1 3.744 18.727q-16.055-21.834-21.53-48.69q25.066 6.856 43.06 25.282" clip-rule="evenodd" opacity=".976"/><path fill="#57cb6a" fill-rule="evenodd" d="M137.94 117.597c-39.36 33.335-64.272 83.026-64.272 138.564c0 100.234 81.256 181.489 181.49 181.489c37.462 0 72.218-11.323 101.109-30.746v-98.889h56.672v127.077l-10.841 8.509c-40.469 31.764-91.53 50.721-146.94 50.721c-131.533 0-238.161-106.628-238.161-238.161c0-72.898 32.786-138.168 84.317-181.81z" clip-rule="evenodd"/><path fill="#57cb6a" d="M298.832 173.943V157.86q-.631.586-1.552 1.172q-.897.563-1.891 1.074a42 42 0 0 1-1.964.904q-.97.39-1.697.61v-4.81q.824-.342 1.891-1.025q1.09-.684 2.109-1.441a44 44 0 0 0 1.843-1.49q.824-.708 1.115-1.098h5.213v22.187z"/></g></svg>

كيفية استخدام أيقونة Glances Light

React

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

<Icon icon="thesvg-color:glances-light" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:glances-light" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:glances-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--glances-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:glances-light"></div>

مكوّن ويب

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

<iconify-icon icon="thesvg-color:glances-light"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/glances-light.svg" alt="أيقونة Glances Light" width="24" height="24">

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

أيقونة Glances Light في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Glances Light

هل أيقونة Glances Light مجانية للاستخدام التجاري؟

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

كيف أستخدم أيقونة Glances Light في React؟

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

كيف أضيف أيقونة Glances Light إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/thesvg-color/glances-light.svg" alt="أيقونة Glances Light">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

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