Glances Dark ikonu
thesvg-color:glances-dark
Glances Dark ikonu (thesvg-color:glances-dark), theSVG Color setinden ücretsiz bir SVG ikondur (yapımcı: thesvg.org). 466 × 513 ızgara üzerinde çizilmiştir. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- theSVG Color
- Yazar
- thesvg.org
- Lisans
- MIT
- Boyut
- 466 × 513
- Etiketler
- glancesdark, glance
SVG kodu
<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="M254.919 74.672c-44.71 0-85.581 16.131-117.217 42.925l-36.626-43.246C142.563 39.214 196.3 18 254.919 18c58.62 0 112.357 21.214 153.844 56.351l-36.626 43.246c-31.636-26.794-72.507-42.925-117.218-42.925" clip-rule="evenodd"/><path fill="#ebebeb" fill-rule="evenodd" d="M69.486 269.786q13.701-44.981 44.477-80.066q-7.48.929-14.516 4.214l-.7-.468l-.7-.469c17.385-25.971 39.225-47.353 65.536-64.146q-23.635-39.526-24.346-85.685q53.84 8.658 90.826 48.227q65.627 11.4 118.916 50.568q13.15 9.4 20.132 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.273 16.857a165 165 0 0 0 35.593 7.023c.617 9.289-1.732 17.717-7.031 25.284q-29.741 22.346-66.953 17.324a8839 8839 0 0 1-61.32-10.769c-15.742.44-24.802 8.555-27.163 24.348q-2.209 19.716 8.431 36.521a224 224 0 0 0 11.228 15.919a368 368 0 0 0 35.121 34.649a91 91 0 0 1-19.659 3.277c6.965 4.091 15.201 9.311 23.804 14.765c14.642 9.281 30.349 19.237 42.676 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.72 10.265 49.72 10.265s-9.439-26.803-32.489-40.111s-50.981-8.081-50.981-8.081s10.7 24.619 33.75 37.927" clip-rule="evenodd"/><path fill="#c1c1c1" fill-rule="evenodd" d="M296.633 356.751a216 216 0 0 1-15.913-1.404q29.131 22.248 44.932 55.244q-6.726-2.264-14.041-3.277a15427 15427 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.68-33.708q-13.817 16.67-20.594 37.453l-6.084-6.086q4.009-30.292 18.722-57.117q-3.196.549-6.553 0q1.701 1.254 0 2.341q-6.595 4.695-13.105 9.364q18.485-40.276 53.357-67.885a107.7 107.7 0 0 1 20.594-10.768a175.4 175.4 0 0 0 9.829 36.517a8.34 8.34 0 0 0 2.808 3.745a224.4 224.4 0 0 1 33.231-46.817l-.936-.936a110.7 110.7 0 0 0-28.55 22.472a111.2 111.2 0 0 1-6.553-31.836q-.545-1.303-1.872-1.872q-21.965 7.708-41.188 20.599q7.803-25.44 23.87-46.817q-2.697-1.603-5.616-.468a572 572 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.142 39.326q36.981 21.538 79.568 17.791q7.974-3.97 14.042 2.341q-23.792 19.06-54.294 14.513a874 874 0 0 1-49.613-10.3q-59.6-12.962-56.633 48.222a93.6 93.6 0 0 0 7.489 28.09a293 293 0 0 0 16.381 27.154M196.472 87.085a472 472 0 0 0-25.275-12.173l-.936.937a210 210 0 0 1 11.233 20.131q-5.055-1.464-9.361-5.15l-.936.936a497 497 0 0 1 3.745 18.727q-16.056-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.702 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.162-106.628-238.162-238.161c0-72.898 32.787-138.168 84.318-181.81z" clip-rule="evenodd"/><path fill="#57cb6a" d="M298.593 173.943V157.86q-.63.586-1.552 1.172q-.897.563-1.891 1.074a41 41 0 0 1-1.964.904q-.97.39-1.697.61v-4.81q.825-.342 1.891-1.025a32 32 0 0 0 2.11-1.441a43 43 0 0 0 1.842-1.49q.825-.708 1.116-1.098h5.212v22.187z"/></g></svg>Glances Dark ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:glances-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:glances-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:glances-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--glances-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:glances-dark"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:glances-dark"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/thesvg-color/glances-dark.svg" alt="Glances Dark ikonu" width="24" height="24">theSVG Color setindeki benzer ikonlar
Diğer ikon setlerinde Glances Dark ikonu
Glances Dark ikonu: sık sorulan sorular
Glances Dark ikonu ticari kullanım için ücretsiz mi?
Evet. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Glances Dark ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="thesvg-color:glances-dark" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Glances Dark ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/thesvg-color/glances-dark.svg" alt="Glances Dark ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.