ICONYZ
日本語
Material Symbols Light の Translate Indic Rounded アイコン

Translate Indic Rounded アイコン

material-symbols-light:translate-indic-rounded

Translate Indic Rounded アイコン(material-symbols-light:translate-indic-rounded)は、Material Symbols Light セットの無料 SVG アイコンです(作者: Google)。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Material Symbols Light
作者
Google
ライセンス
Apache-2.0
サイズ
24 × 24
カテゴリ
アクション
タグ
translateindic、indicrounded、translateindicrounded、translate indic outline rounded
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.523 16q-1.348 0-2.466-.684q-1.119-.683-1.784-1.818q-.11-.177-.042-.372t.25-.299q.183-.085.38-.027t.32.235q.555.86 1.411 1.412Q5.448 15 6.46 15q1.142 0 1.841-.684Q9 13.633 9 12.577q0-1.113-.732-1.845T6.5 10H5.23q-.213 0-.356-.143T4.731 9.5t.143-.357T5.231 9H6.5q.817 0 1.409-.601q.591-.601.591-1.476q0-.779-.502-1.351T6.621 5q-.465 0-.861.205q-.396.204-.704.545q-.194.183-.392.177T4.325 5.8t-.18-.31t.124-.35q.46-.517 1.045-.828Q5.898 4 6.646 4q1.271 0 2.063.859q.791.858.791 2.039q0 .79-.385 1.476q-.384.686-1.051 1.07q.327.154.597.35q.27.194.489.437h4.35V5h-1.884q-.214 0-.357-.143t-.143-.357t.143-.357t.357-.143h4.769q.213 0 .356.143t.144.357t-.144.357t-.356.143H14.5v4.016l-.929 2.215H9.692q.154.294.231.636T10 12.6q0 1.556-.967 2.478T6.523 16m7.648 1.95l-1.061 2.733q-.062.14-.187.228t-.29.089q-.27 0-.418-.22t-.046-.47l3.973-10.012q.068-.14.183-.22q.116-.078.262-.078h.365q.146 0 .262.079q.115.079.182.219l3.973 10.018q.104.244-.042.464t-.416.22q-.17 0-.293-.089q-.122-.088-.19-.234l-1.06-2.727zm.337-.904h4.523l-2.262-5.811z"/></svg>

Translate Indic Rounded アイコンの使い方

React

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

<Icon icon="material-symbols-light:translate-indic-rounded" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols-light:translate-indic-rounded" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols-light:translate-indic-rounded" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--translate-indic-rounded]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:translate-indic-rounded"></div>

Web コンポーネント

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

<iconify-icon icon="material-symbols-light:translate-indic-rounded"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/material-symbols-light/translate-indic-rounded.svg" alt="Translate Indic Rounded アイコン" width="24" height="24">

Material Symbols Light の関連アイコン

他のアイコンセットの Translate Indic Rounded アイコン

Translate Indic Rounded アイコン のよくある質問

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

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

React で Translate Indic Rounded アイコンを使うには?

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

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

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

Material Symbols Light アイコン をすべて見る →