Translate 32 Light アイコン
fluent:translate-32-light
Translate 32 Light アイコン(fluent:translate-32-light)は、Fluent UI System Icons セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent UI System Icons
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- タグ
- translatelight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M3.759 6.875c1.142-.688 3.256-1.143 5.058-.694c.888.22 1.673.654 2.239 1.36c.564.702.945 1.72.945 3.18v1.149c-1.946-.646-4.314-.977-6.254-.607c-1.092.207-2.096.647-2.796 1.429c-.71.794-1.051 1.882-.922 3.266c.131 1.412.763 2.413 1.695 3.044c.914.617 2.07.85 3.223.842a10 10 0 0 0 3.399-.656a8 8 0 0 0 1.655-.843v1.153a.5.5 0 1 0 1 0v-8.777c0-1.639-.432-2.892-1.165-3.806c-.731-.912-1.727-1.443-2.777-1.704c-2.073-.516-4.459-.01-5.816.808a.5.5 0 0 0 .516.856M12 17.062c-.441.437-1.148.863-2.01 1.191a9 9 0 0 1-3.05.59c-1.033.008-1.967-.203-2.656-.67c-.67-.453-1.155-1.176-1.26-2.308c-.109-1.16.18-1.956.672-2.507c.503-.563 1.274-.93 2.237-1.113c1.83-.349 4.178.003 6.067.683zm9.637-9.043a.5.5 0 0 1 .343.618l-.063.22c-.175.613-.372 1.3-.56 2.049c1.734-.112 3.646-.356 5.505-.887a.5.5 0 0 1 .275.962c-2.052.586-4.156.835-6.016.94c-.253 1.175-.455 2.465-.503 3.822c1.3-.624 2.777-.916 4.29-.635l.053.01q.066-.783.006-1.58a.5.5 0 0 1 .997-.076c.05.655.04 1.306-.025 1.945c1.623.643 3.033 2.04 3.441 3.788c.51 2.183-.578 4.676-4.163 6.738a.5.5 0 1 1-.499-.866c3.366-1.938 4.061-4.05 3.689-5.644c-.306-1.31-1.357-2.423-2.615-2.993a13.2 13.2 0 0 1-2.765 5.883q-.37.444-.765.827q.295.544.653 1.083a.5.5 0 0 1-.832.554q-.32-.48-.593-.966a6.2 6.2 0 0 1-1.405.83c-1.019.42-2.094.438-2.95-.252c-.944-.76-1.247-1.85-1.107-2.967c.139-1.101.706-2.252 1.527-3.258a9.2 9.2 0 0 1 2.052-1.848c.003-1.556.208-3.029.48-4.348c-.963.032-1.836.032-2.57.032H17.5a.5.5 0 0 1 0-1c.808 0 1.765 0 2.814-.041c.209-.865.433-1.647.626-2.32l.08-.276a.5.5 0 0 1 .618-.344M18.33 18.797c-.739.904-1.2 1.884-1.31 2.75c-.106.85.123 1.565.742 2.064c.477.384 1.132.439 1.943.106a5.4 5.4 0 0 0 1.317-.81c-.86-1.817-1.26-3.644-1.377-5.391a8.2 8.2 0 0 0-1.315 1.28m2.284-1.926c.053 1.723.382 3.527 1.18 5.321q.236-.244.464-.52a12.2 12.2 0 0 0 2.575-5.56l-.107-.02c-1.435-.267-2.87.08-4.112.78"/></svg>
Translate 32 Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent:translate-32-light" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent:translate-32-light" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent:translate-32-light" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--translate-32-light]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:translate-32-light"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent:translate-32-light"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent/translate-32-light.svg" alt="Translate 32 Light アイコン" width="24" height="24">
Fluent UI System Icons の関連アイコン
Translate 32 Light アイコン のよくある質問
Translate 32 Light アイコンは商用利用でも無料ですか?
はい。Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Translate 32 Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent:translate-32-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Translate 32 Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent/translate-32-light.svg" alt="Translate 32 Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent UI System Icons をすべて見る →
