ICONYZ
日本語
theSVG Color の Ic Glass アイコン

Ic Glass アイコン

thesvg-color:ic-glass

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

アイコンセット
theSVG Color
作者
thesvg.org
ライセンス
MIT
サイズ
225 × 225
タグ
icglass
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="225" height="225" viewBox="0 0 225 225"><path fill="#fff" d="M0 0h224.88v225H0z"/><path fill="#173d62" d="M109.77 50.862c-2.955.29-.869-.33-35.568 10.435a7673 7673 0 0 1-22.218 6.872c-5.738 1.782-11.07 3.427-11.862 3.679c-1.835.58-3.284 1.587-4.154 2.865c-1.352 2.014-1.275.503-1.275 26.95c0 21.198.039 23.948.31 24.896c.56 1.917 1.796 3.427 3.515 4.317c.348.175 3.13 1.104 6.183 2.053c3.052.929 12.075 3.736 20.035 6.195a9289 9289 0 0 1 19.706 6.098c18.2 5.653 21.774 6.718 23.358 7.009c2.57.464 6.82.425 9.293-.097c1.062-.233 12.925-3.814 26.372-7.977c13.446-4.162 28.4-8.789 33.23-10.28s9.158-2.923 9.583-3.194c1.14-.658 2.492-2.246 3.014-3.524l.444-1.103V77.269l-.444-1.104c-.56-1.374-2.01-3-3.207-3.6c-.483-.253-5.912-2.014-12.037-3.912a26095 26095 0 0 1-22.855-7.066c-35.858-11.113-34.1-10.61-37.964-10.803a26 26 0 0 0-3.458.078m.097 13.532c0 2.15-.039 3.95-.077 4.008c-.097.077-5.081 1.626-24.092 7.511c-6.434 1.975-12.095 3.737-12.597 3.892l-.927.31v43.095l1.198.406c.676.213 9.119 2.846 18.779 5.828c9.679 2.981 17.62 5.46 17.639 5.498c.154.136.058 7.957-.077 7.938c-.252-.058-3.246-.988-21.407-6.602c-9.447-2.923-21.967-6.795-27.82-8.596c-5.835-1.82-11.863-3.678-13.37-4.162l-2.763-.872v-7.957l.444.117c.445.096 15.514 4.762 18.296 5.653c.793.251 1.45.426 1.488.387c.039-.02.039-8.673.02-19.225l-.059-19.166l-9.563 2.962c-5.255 1.626-9.795 3.02-10.104 3.078l-.522.136v-7.938l.927-.31c.503-.154 15.167-4.704 32.593-10.086c17.427-5.401 31.724-9.854 31.762-9.893c.193-.194.232.31.232 3.988m11.013-2.052c3.226 1.007 9.138 2.827 13.118 4.066s15.939 4.936 26.565 8.228l19.32 5.982l.058 3.988c.02 2.188-.02 3.988-.078 3.988c-.115 0-12.635-3.872-46.793-14.442c-5.989-1.859-10.915-3.369-10.973-3.369c-.039 0-.078 13.9-.078 30.88c0 16.978.058 30.878.116 30.878c.078 0 12.964-3.968 28.652-8.828c15.688-4.84 28.67-8.847 28.864-8.905c.31-.097.328.155.29 3.91l-.058 4.027l-32.265 9.99a30461 30461 0 0 0-32.689 10.145l-.444.135v-41.237c0-35.003.038-41.256.27-41.256c.135 0 2.898.813 6.125 1.82m-60.472 96.723c-.85.193-1.565.755-2.048 1.568c-.367.62-.386 1.006-.386 5.885c0 4.898.019 5.285.405 6.002c.27.561.657.91 1.353 1.258c.908.465 1.14.484 4.83.542c4.192.078 6.24-.116 7.032-.697c.27-.193.676-.735.928-1.22c.405-.774.425-1.064.386-3.562l-.058-2.71h-6.955v1.936l2.183.058l2.164.058v1.336c0 1.123-.077 1.413-.464 1.878l-.464.542h-7.612l-.463-.542c-.464-.542-.464-.58-.464-4.782c0-4.201 0-4.24.464-4.782l.463-.542l3.169-.058c3.864-.097 4.695.077 5.1 1.026c.155.368.27.89.27 1.162c0 .503.02.503 1.315.445l1.294-.058l.058-.968c.039-.542-.02-1.278-.135-1.685c-.27-.851-1.295-1.8-2.28-2.071c-.85-.252-9.1-.252-10.085-.02m22.817.038c-.174.175-.232 2.11-.232 7.55c0 7.028.02 7.319.367 7.512c.406.213 10.375.29 10.916.078c.232-.097.309-.407.309-1.259c0-1.122 0-1.122-.618-1.239c-.348-.058-2.319-.096-4.367-.058l-3.709.058v-6.06c0-3.813-.077-6.214-.193-6.446c-.174-.29-.425-.368-1.217-.368c-.56 0-1.12.097-1.256.232m26.101 0c-.328.407-6.82 14.443-6.82 14.753c0 .155.135.329.31.387c.521.193 1.931.135 2.24-.116c.174-.136.6-.93.947-1.743l.618-1.51h8.366l.657 1.568c.367.852.811 1.646 1.004 1.743c.522.29 2.203.213 2.473-.116c.194-.233-.386-1.607-3.226-7.686l-3.458-7.415l-1.45-.058c-1.023-.039-1.526.02-1.66.193m3.091 5.924c.812 1.898 1.488 3.505 1.488 3.582c0 .078-1.391.136-3.091.136s-3.091-.058-3.091-.155c0-.252 2.956-7.009 3.071-7.009c.058 0 .793 1.55 1.623 3.446m17.06-5.962c-1.391.426-1.855 1.432-1.855 4.007c0 1.413.077 2.072.348 2.575c.58 1.181 1.082 1.316 6.105 1.82c2.763.27 4.656.542 4.85.697c.212.174.29.639.29 1.762c0 2.149.076 2.11-4.541 2.11c-4.212 0-4.347-.039-4.52-1.375c-.117-.852-.117-.852-.967-.91c-.483-.038-1.062-.019-1.333.058c-.444.117-.464.175-.386 1.452c.058.968.174 1.491.463 1.878c.792 1.084 1.044 1.123 6.84 1.123c5.834 0 6.163-.058 6.897-1.2c.521-.794.599-5.111.116-6.06c-.618-1.18-1.101-1.316-6.105-1.82c-2.802-.27-4.676-.542-4.869-.697c-.406-.348-.406-2.574.02-2.981c.25-.252.888-.31 3.902-.31c1.99 0 3.729.078 3.883.174c.155.097.329.504.387.91l.116.755h2.511l.058-.87c.097-1.26-.251-2.227-.985-2.75c-.6-.426-.734-.445-5.642-.484c-2.762-.02-5.274.039-5.583.136m24.517-.058c-.753.193-1.449.851-1.662 1.568c-.115.426-.173 1.645-.135 2.884c.058 1.994.097 2.207.541 2.672c.27.29.696.62.966.716c.27.097 2.473.388 4.907.62c5.217.523 5.14.484 5.14 2.555c0 2.014-.02 2.014-4.502 2.014c-4.231 0-4.579-.097-4.579-1.24c0-.89-.348-1.122-1.584-1.045l-1.024.058l-.058 1.298c-.058 1.548.251 2.303 1.179 2.807c.54.31 1.217.348 6.027.348s5.487-.039 6.028-.348c1.082-.581 1.314-1.259 1.295-4.008c0-3.988-.174-4.123-5.95-4.666c-2.145-.193-4.174-.406-4.522-.464q-1.333-.233-1.159-2.033c.155-1.568.077-1.549 4.308-1.549c4.096 0 4.077 0 4.328 1.22l.135.62h2.493l.058-.969c.058-1.122-.368-2.09-1.179-2.69c-.522-.388-.83-.407-5.603-.446c-2.782-.02-5.235.02-5.448.078"/><path fill="#1393e2" d="M109.635 60.406c-.038.039-14.335 4.492-31.762 9.893c-17.426 5.382-32.09 9.932-32.593 10.087l-.927.31v7.937l.522-.136c.309-.058 4.849-1.452 10.104-3.078l9.563-2.962l.058 19.166c.02 10.552.02 19.206-.019 19.225c-.039.039-.695-.136-1.488-.387c-2.782-.89-17.851-5.557-18.296-5.653l-.444-.117v7.957l2.763.872c1.507.484 7.535 2.342 13.37 4.162c5.853 1.8 18.373 5.673 27.82 8.596c18.16 5.614 21.155 6.544 21.407 6.602c.135.019.231-7.802.077-7.938c-.02-.039-7.96-2.517-17.64-5.498a6092 6092 0 0 1-18.778-5.828l-1.198-.406V80.115l.927-.31c.502-.155 6.163-1.917 12.597-3.892c19.01-5.885 23.995-7.434 24.092-7.511c.096-.116.096-7.9 0-7.996a.12.12 0 0 0-.155 0m4.85 41.372v41.237l.444-.135c.232-.078 14.954-4.647 32.69-10.145l32.264-9.99l.058-4.027c.038-3.755.02-4.007-.29-3.91c-.193.058-13.176 4.065-28.864 8.905c-15.688 4.86-28.574 8.828-28.652 8.828c-.058 0-.116-13.9-.116-30.879s.039-30.879.078-30.879c.058 0 4.984 1.51 10.973 3.369c34.158 10.57 46.678 14.442 46.793 14.442c.058 0 .097-1.8.078-3.988l-.058-3.988l-19.32-5.982c-10.626-3.292-22.585-6.99-26.565-8.228c-3.98-1.24-9.892-3.06-13.118-4.066c-3.227-1.007-5.99-1.82-6.125-1.82c-.232 0-.27 6.253-.27 41.256"/></svg>

Ic Glass アイコンの使い方

React

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

<Icon icon="thesvg-color:ic-glass" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:ic-glass" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:ic-glass" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="thesvg-color:ic-glass"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/ic-glass.svg" alt="Ic Glass アイコン" width="24" height="24">

theSVG Color の関連アイコン

Ic Glass アイコン のよくある質問

Ic Glass アイコンは商用利用でも無料ですか?

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

React で Ic Glass アイコンを使うには?

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

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

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

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