Google Search Console Legacy アイコン

Q: Google Search Console Legacy アイコンは商用利用でも無料ですか?

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

thesvg:google-search-console-legacy

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

アイコンセット: theSVG
作者: thesvg.org
ライセンス: MIT
サイズ: 24 × 24
タグ: googlesearch、searchconsole、consolelegacy、googlesearchconsolelegacy

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.548 1.156L6.832 2.872v1.682h1.716zm0 3.398v.035H6.832v-.035H3.386L0 7.844v3.577h2.826V8.94c0-.525.429-.954.954-.954h16.476c.525 0 .954.43.954.954v2.48h2.754V7.844l-3.386-3.29H17.3v.035h-1.717v-.035zm7.035 0H17.3V2.872l-1.717-1.716zM8.679 1.188V2.84h6.773V1.188zm11.471 7.07a1 1 0 0 0-.132.01l-.543.002c-5.216.014-10.432-.008-15.648.01c-.435-.063-.794.436-.716.883v2.264h17.812c-.016-.888.045-1.782-.034-2.666c-.104-.342-.427-.502-.739-.502zm-15.422.634a.689.698 0 0 1 .689.698a.689.698 0 0 1-.689.697a.689.698 0 0 1-.688-.697a.689.698 0 0 1 .688-.698m2.134 0a.689.698 0 0 1 .689.698a.689.698 0 0 1-.689.697a.689.698 0 0 1-.688-.697a.689.698 0 0 1 .688-.698M.036 11.645v9.156c0 1.05.858 1.908 1.907 1.908h.883V11.645zm21.174 0v11.064h.882c1.05 0 1.908-.858 1.908-1.908v-9.156zM4.057 13.133v6.85h6.137v-6.85zm13.243.021v3.777l-1.708.977l-1.708-.977v-3.758a4.006 4.006 0 0 0 0 7.23v2.441h3.457v-2.442a4.006 4.006 0 0 0-.041-7.248m-13.243 8.26v1.43h7.925v-1.43z"/></svg>

Google Search Console Legacy アイコンの使い方

React

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

<Icon icon="thesvg:google-search-console-legacy" width="24" />

Vue

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

<template>
  <Icon icon="thesvg:google-search-console-legacy" width="24" />
</template>

Svelte

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

<Icon icon="thesvg:google-search-console-legacy" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--google-search-console-legacy]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:google-search-console-legacy"></div>

Web コンポーネント

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

<iconify-icon icon="thesvg:google-search-console-legacy"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg/google-search-console-legacy.svg" alt="Google Search Console Legacy アイコン" width="24" height="24">

theSVG の関連アイコン

他のアイコンセットの Google Search Console Legacy アイコン

Google Search Console Legacy アイコンのよくある質問

Google Search Console Legacy アイコンは商用利用でも無料ですか?

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

React で Google Search Console Legacy アイコンを使うには?

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

Google Search Console Legacy アイコンをウェブページに追加するには?

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

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