Glances ikonu
selfhst:glances
Glances ikonu (selfhst:glances), selfh.st/icons setinden ücretsiz bir SVG ikondur (yapımcı: selfh.st). 512 × 512 ızgara üzerinde çizilmiştir. selfh.st/icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla 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
- selfh.st/icons
- Yazar
- selfh.st
- Lisans
- CC-BY-4.0
- Boyut
- 512 × 512
- Etiketler
- glance
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#57cb6a" fill-rule="evenodd" d="M448.1 311.5v135.9l-11.6 9.1c-43.3 34-97.9 54.2-157.2 54.2c-140.7 0-254.7-114-254.7-254.7c0-78 35.1-147.8 90.2-194.5C159.3 24 216.7 1.3 279.4 1.3S399.6 24 444 61.5l-39.2 46.3C371 79.1 327.2 61.9 279.4 61.9S188 79.2 154.1 107.8C112 143.5 85.3 196.6 85.3 256c0 107.2 86.9 194.1 194.1 194.1c40.1 0 77.2-12.1 108.1-32.9V311.5zm-122-143.3h5.5v-23.7H326q-.3.45-1.2 1.2c-.9.75-1.3 1-2 1.6c-.8.5-1.5 1-2.3 1.5c-.7.5-1.4.9-2 1.1v5.1c.5-.2 1.1-.4 1.8-.7s1.4-.7 2.1-1s1.4-.7 2-1.1c.7-.5 1.3-.9 1.7-1.3z"/><path fill="#ebebeb" fill-rule="evenodd" d="M487.3 227.5q-19.5-1.65-38.1-7.5q-14.7-7.2-27-18c-6.3-5-11.2-11.2-14.5-18.5q-2.7-12-6-24c-4.9-10.3-12.1-18.8-21.5-25.5c-38-27.9-80.4-46-127.2-54.1c-26.3-28.2-58.7-45.4-97.1-51.6c.5 32.9 9.1 63.4 26 91.6c-28.1 18-51.5 40.8-70.1 68.6c.2.2.5.3.7.5s.4.3.7.5c5-2.3 10.2-3.8 15.5-4.5c-19.3 21.9-33.8 46.6-43.7 74h.4c1.6 105.8 87.9 191.1 194.1 191.1c40.1 0 77.2-12.1 108.1-32.9v-10.3c-3.7-2.3-7.3-4.6-10.9-6.9c-9.2-5.8-18.1-11.4-25.5-15.8c7.2-.4 14.2-1.6 21-3.5c-13.3-11.5-25.9-23.9-37.6-37.1c-4.2-5.5-8.2-11.1-12-17c-7.6-12-10.6-25-9-39.1c2.6-16.9 12.3-25.5 29.1-26c21.8 3.9 43.7 7.7 65.6 11.5c26.5 3.6 50.4-2.6 71.6-18.5c5.5-8.1 8.1-17.1 7.4-27m-166.8-55.4c-24.6-14.3-36-40.5-36-40.5s29.9-5.6 54.5 8.6s34.7 42.9 34.7 42.9s-28.5 3.2-53.2-11"/><path fill="#c1c1c1" fill-rule="evenodd" d="M455.3 245.9c5.7-2.8 10.7-2 15 2.5c-17 13.6-36.3 18.8-58.1 15.5c-17.8-3.2-35.5-6.8-53.1-11c-42.5-9.2-62.7 7.9-60.6 51.6c1.1 10.4 3.8 20.4 8 30c5.4 10.1 11.2 19.8 17.5 29.1c-5.7-.3-11.4-.8-17-1.5c20.8 15.9 36.8 35.6 48.1 59.1c-4.8-1.6-9.8-2.8-15-3.5c2.7 6.6 5.5 13.2 8.2 19.8c-21.4 8.1-44.6 12.6-68.9 12.6c-41.4 0-79.8-13-111.3-35.1c-.4-4.8-.3-9.5.3-14.3c1.3-12.1 3-24.1 5-36.1c-9.4 11.3-16.5 23.9-21.3 37.9q-3.6-3.15-6.9-6.3c3-20.9 9.5-40.6 19.7-59.1c-2.3.4-4.6.4-7 0c1.2.9 1.2 1.7 0 2.5c-4.7 3.3-9.4 6.7-14 10c13.2-28.7 32.2-52.9 57.1-72.6c6.9-4.6 14.3-8.5 22-11.5c2.1 13.4 5.6 26.4 10.5 39.1c.6 1.6 1.6 3 3 4c9.7-18.2 21.6-34.9 35.5-50.1l-1-1c-11.5 6.3-21.7 14.3-30.5 24c-4-11-6.3-22.4-7-34c-.4-.9-1.1-1.6-2-2c-15.7 5.5-30.3 12.8-44.1 22q8.4-27.15 25.5-50.1c-1.9-1.1-3.9-1.3-6-.5c-6.3 1.9-12.7 3.8-19 5.5v-1c18.5-21.6 41.8-35 70.1-40.1c-7.5-3.3-15.1-6.2-23-8.5q30.75-.3 59.1 12c26 13 51.3 27 76.1 42.1c26.4 15.4 54.7 21.7 85.1 19M170.9 48.1c3.9 19.2 11.6 36.5 23 52.1c-1.2-6.7-2.5-13.3-4-20l1-1c3.1 2.6 6.4 4.5 10 5.5c-3.6-7.4-7.6-14.6-12-21.5l1-1c9.2 4.1 18.2 8.4 27 13c-12.8-13.2-28.2-22.2-46-27.1" opacity=".976"/></svg>Glances ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:glances" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:glances" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:glances" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--glances]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:glances"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:glances"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/selfhst/glances.svg" alt="Glances ikonu" width="24" height="24">selfh.st/icons setindeki benzer ikonlar
Diğer ikon setlerinde Glances ikonu
Glances ikonu: sık sorulan sorular
Glances ikonu ticari kullanım için ücretsiz mi?
Evet. selfh.st/icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir.
Glances ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="selfhst:glances" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Glances 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/selfhst/glances.svg" alt="Glances ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.