Translate Auto 16 Regular アイコン
fluent:translate-auto-16-regular
Translate Auto 16 Regular アイコン(fluent:translate-auto-16-regular)は、Fluent UI System Icons セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 16 × 16 のグリッドで描かれています。 Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent UI System Icons
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 16 × 16
- タグ
- translateauto、autoregular、translateautoregular
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="currentColor" d="M12.5 4a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-1 0v.755A6.96 6.96 0 0 0 8.538 1.02a.5.5 0 0 0-.076.998c1.05.08 2.026.43 2.856.982H10.5a.5.5 0 0 0 0 1zM5.493 2.797a3.7 3.7 0 0 0-1.923-.038a3.8 3.8 0 0 0-.748.269l-.048.025l-.015.008l-.006.003l-.001.001l-.002.001a.5.5 0 0 0 .495.87l.003-.003l.023-.012l.108-.05c.099-.041.245-.096.427-.14a2.7 2.7 0 0 1 1.405.025c.405.119.578.34.673.61c.078.222.103.476.11.754a8 8 0 0 0-.659-.099c-.689-.074-1.655-.084-2.363.35c-1.46.894-1.247 3.178.454 3.7c.761.235 1.5.055 2.07-.186a6 6 0 0 0 .502-.244v.355a.5.5 0 1 0 1 0v-3.56c0-.38 0-.916-.171-1.404c-.192-.544-.593-1.019-1.334-1.236m.505 4.678a6 6 0 0 1-.89.488c-.469.198-.947.288-1.389.153c-.84-.259-.984-1.428-.225-1.893c.401-.246 1.067-.28 1.734-.207c.297.032.567.082.77.126zm5.488-1.37a.5.5 0 0 0-.978-.21q-.105.494-.185.956c-.442.016-.878.012-1.292-.017a.5.5 0 1 0-.068.998c.39.027.797.034 1.21.024q-.075.603-.107 1.142c-.907.424-1.51 1.027-1.83 1.673c-.395.802-.36 1.725.2 2.299c.38.386.924.428 1.398.322q.324-.072.651-.238l.044.12a.5.5 0 0 0 .937-.349a5 5 0 0 1-.122-.37c.716-.65 1.338-1.643 1.564-2.916q.155.04.285.096c.44.19.705.527.808.915c.206.774-.225 1.922-1.683 2.483a.5.5 0 0 0 .359.934c1.834-.706 2.653-2.308 2.29-3.673a2.36 2.36 0 0 0-1.377-1.577a3 3 0 0 0-.593-.182V8.5a.5.5 0 0 0-1-.018a5 5 0 0 0-.901.151q.034-.4.093-.838a14 14 0 0 0 1.923-.308a.5.5 0 0 0-.229-.974c-.484.114-1.003.202-1.53.26q.06-.326.133-.668m-2.353 5.009c.158-.32.446-.664.906-.962c.012.751.084 1.382.184 1.903c-.22.136-.428.222-.607.261c-.298.067-.425-.005-.464-.046c-.176-.18-.289-.609-.019-1.156m2.765-1.618a4.24 4.24 0 0 1-.789 1.743a12 12 0 0 1-.07-1.55l.121-.036q.4-.118.738-.157M4.682 13H5.5a.5.5 0 0 0 0-1h-2a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 1 0v-.755a6.96 6.96 0 0 0 3.462 1.235a.5.5 0 1 0 .076-.997A5.96 5.96 0 0 1 4.682 13"/></svg>
Translate Auto 16 Regular アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent:translate-auto-16-regular" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent:translate-auto-16-regular" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent:translate-auto-16-regular" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--translate-auto-16-regular]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:translate-auto-16-regular"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent:translate-auto-16-regular"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent/translate-auto-16-regular.svg" alt="Translate Auto 16 Regular アイコン" width="24" height="24">
Fluent UI System Icons の関連アイコン
Translate Auto 16 Regular アイコン のよくある質問
Translate Auto 16 Regular アイコンは商用利用でも無料ですか?
はい。Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Translate Auto 16 Regular アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent:translate-auto-16-regular" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Translate Auto 16 Regular アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent/translate-auto-16-regular.svg" alt="Translate Auto 16 Regular アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent UI System Icons をすべて見る →
