Google Translate Light アイコン

Q: Google Translate Light アイコンは商用利用でも無料ですか?

はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

selfhst:google-translate-light

Google Translate Light アイコン(selfhst:google-translate-light)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: selfh.st/icons
作者: selfh.st
ライセンス: CC-BY-4.0
サイズ: 512 × 512
タグ: googletranslate、translatelight、googletranslatelight

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M354.2 426.2h-97.8l25.9 79.5z" opacity=".5"/><path fill="#fff" d="M483.7 512H294.5l77.7-85.8l4.6-5.1l-18.2-56.8c5.1-4.7 13.3-12.5 22.6-22.4c15.6 16.9 35.7 37.2 61.7 61.4l16.9-16.9c-27.8-25.3-48.3-45.3-63.3-61.4c20.1-23.8 40.5-53.7 44.8-81.1h44.5v.1h.1v-20.6h-99.2V190h-32.2v33.3h-41.2l-4-12.4l-33.9-105.5h208.2c15.6 0 28.3 12.4 28.3 27.7v351.1c0 15.4-12.6 27.8-28.2 27.8m-123.5-99.2H238v.1H28.3C12.7 412.9 0 400.2 0 384.6V28.3C.1 12.7 12.7 0 28.3 0h199.3l104.6 325.7zM219.7 208.5c0-6.7-.8-11.7-1.9-16.7H141v28.1l47.9.1c-1.3 15.9-14.9 39.6-47.9 39.6c-28.6 0-51.7-23.6-51.7-52.7s23.2-52.7 51.7-52.7c16.3 0 27.1 7.1 33.3 12.8l21.7-20.8c-14.3-13.2-32.8-21.4-55-21.4c-45.3 0-82.1 36.8-82.1 82.1S95.7 289 141 289c47.4-.2 78.7-33.5 78.7-80.5m161.4 98.9c14.5-17.4 29.4-39.8 36.2-63.6H320l30.5 94.9c3.7-3.3 9.1-8.2 15.3-14.6c-36.1-42.3-37.2-57.1-37.2-57.1h26.7c0 .1.1 10 25.8 40.4"/></svg>

Google Translate Light アイコンの使い方

React

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

<Icon icon="selfhst:google-translate-light" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:google-translate-light" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:google-translate-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--google-translate-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:google-translate-light"></div>

Web コンポーネント

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

<iconify-icon icon="selfhst:google-translate-light"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/google-translate-light.svg" alt="Google Translate Light アイコン" width="24" height="24">

selfh.st/icons の関連アイコン

Google Translate Light アイコンのよくある質問

Google Translate Light アイコンは商用利用でも無料ですか?

はい。selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Google Translate Light アイコンを使うには?

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

Google Translate Light アイコンをウェブページに追加するには?

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

selfh.st/icons をすべて見る →