Glances Dark アイコン

Q: Glances Dark アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

thesvg-color:glances-dark

Glances Dark アイコン(thesvg-color:glances-dark)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 466 × 513 のグリッドで描かれています。 theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 466 × 513
タグ: glancesdark、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="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 アイコンの使い方

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 コンポーネント

<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 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/glances-dark.svg" alt="Glances Dark アイコン" width="24" height="24">

theSVG Color の関連アイコン

他のアイコンセットの Glances Dark アイコン

Glances Dark アイコンのよくある質問

Glances Dark アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Glances Dark アイコンを使うには?

@iconify/react をインストールして <Icon icon="thesvg-color:glances-dark" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Glances Dark アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/glances-dark.svg" alt="Glances Dark アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

theSVG Color アイコンをすべて見る →