Translate Auto 16 Filled アイコン
fluent:translate-auto-16-filled
Translate Auto 16 Filled アイコン(fluent:translate-auto-16-filled)は、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、autofilled、translateautofilled
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="currentColor" d="M13.5 3.25a.75.75 0 0 1-.75.75h-2a.75.75 0 0 1-.252-1.457a6 6 0 0 0-1.833-.506A.75.75 0 0 1 8.83.546A7.46 7.46 0 0 1 12 1.655V1.25a.75.75 0 0 1 1.5 0zM5.501 13.457A.75.75 0 0 0 5.25 12h-2a.75.75 0 0 0-.75.75v2a.75.75 0 0 0 1.5 0v-.404a7.46 7.46 0 0 0 3.17 1.109a.75.75 0 1 0 .164-1.491a6 6 0 0 1-1.833-.507m5.406-8.191a.75.75 0 0 1 .58.888q-.03.14-.056.275a7 7 0 0 0 1.299-.368a.75.75 0 0 1 .542 1.399a8.4 8.4 0 0 1-2.08.52q-.028.274-.043.539a6 6 0 0 1 1.14.012a.75.75 0 0 1 1.466.133v.007l.002.008v.018q.003.019.003.047q.003.054 0 .14v.018c1.016.464 1.717 1.342 1.794 2.39c.097 1.334-.832 2.544-2.54 3.191a.75.75 0 0 1-.532-1.402c1.327-.503 1.609-1.231 1.576-1.68c-.022-.306-.2-.654-.555-.922q-.09.371-.227.834c-.237.795-.838 1.403-1.527 1.8a.75.75 0 0 1-1.27.483c-.523.105-1.086.107-1.596-.066c-.58-.197-1.078-.622-1.297-1.3c-.425-1.313.364-2.432 1.4-3.047q.302-.18.648-.316q.01-.41.047-.838a16 16 0 0 1-1.003-.08a.75.75 0 0 1 .16-1.492c.345.037.692.068 1.047.078q.06-.334.134-.689a.75.75 0 0 1 .888-.58M9.71 10.499c-.672.415-.817.893-.696 1.27c.056.172.163.276.352.34c.16.055.379.076.633.046a15 15 0 0 1-.29-1.656m1.687 1.03c.22-.197.376-.42.442-.644c.1-.334.175-.622.234-.869a4.5 4.5 0 0 0-.903.008c.041.49.118.982.227 1.505M3.12 4.21c.325-.18 1.006-.301 1.585-.162c.274.066.47.178.592.311a.7.7 0 0 1 .143.234l-.234-.027a6.6 6.6 0 0 0-1.112-.025c-.377.027-.8.101-1.173.288c-.604.302-1.052.704-1.29 1.245c-.231.531-.208 1.08-.11 1.573a2.3 2.3 0 0 0 1.5 1.723c.683.24 1.517.197 2.507-.187a.75.75 0 0 0 1.478-.184V5c0-.669-.215-1.23-.604-1.655c-.377-.411-.87-.64-1.345-.755c-.921-.222-1.99-.065-2.665.309A.75.75 0 0 0 3.12 4.21m2.386 1.907v1.435c-1.075.54-1.687.509-1.989.403a.8.8 0 0 1-.525-.602c-.068-.34-.045-.541.014-.677c.055-.126.19-.307.586-.505c.126-.063.329-.114.609-.134c.271-.02.57-.007.856.022c.16.016.313.037.449.058"/></svg>
Translate Auto 16 Filled アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent:translate-auto-16-filled" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent:translate-auto-16-filled" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent:translate-auto-16-filled" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--translate-auto-16-filled]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:translate-auto-16-filled"></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-filled"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent/translate-auto-16-filled.svg" alt="Translate Auto 16 Filled アイコン" width="24" height="24">
Fluent UI System Icons の関連アイコン
Translate Auto 16 Filled アイコン のよくある質問
Translate Auto 16 Filled アイコンは商用利用でも無料ですか?
はい。Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Translate Auto 16 Filled アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent:translate-auto-16-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Translate Auto 16 Filled アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent/translate-auto-16-filled.svg" alt="Translate Auto 16 Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent UI System Icons をすべて見る →
