Translate Off 20 Regular アイコン
fluent:translate-off-20-regular
Translate Off 20 Regular アイコン(fluent:translate-off-20-regular)は、Fluent UI System Icons セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 20 × 20 のグリッドで描かれています。 Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent UI System Icons
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 20 × 20
- タグ
- translateoff、offregular、translateoffregular
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M2.854 2.146a.5.5 0 1 0-.708.708L3.653 4.36a5 5 0 0 0-.644.312l-.065.04l-.02.014l-.006.004l-.002.001l-.002.002a.5.5 0 0 0 .566.824h-.001l.007-.004l.038-.024a4 4 0 0 1 .92-.378l1.87 1.87l-.23-.013c-1.036-.043-2.197.163-3.207 1.003c-.888.74-1.094 1.871-.807 2.842a2.97 2.97 0 0 0 2.248 2.082c.906.188 1.862-.07 2.642-.414a8 8 0 0 0 1.046-.554v.533a.5.5 0 1 0 1 0V9.712l2.004 2.005a4.2 4.2 0 0 0-.725 1.123c-.442 1.02-.396 2.164.248 2.853c.43.458 1.06.522 1.637.39c.42-.097.857-.304 1.277-.604q.045.099.087.205a.5.5 0 1 0 .93-.37a6 6 0 0 0-.109-.253l.969.969l-.028.012a.5.5 0 1 0 .406.914q.192-.085.37-.178l1.074 1.075a.5.5 0 0 0 .708-.708zm9.773 11.188l.004.02c.096.479.234.866.38 1.204c-.38.3-.754.48-1.065.551c-.384.088-.59.001-.683-.098c-.275-.295-.41-.967-.06-1.772a3.2 3.2 0 0 1 .516-.813zm-5.09-5.09l.469.469v2.044a7.6 7.6 0 0 1-1.448.849c-.705.31-1.43.476-2.037.35A1.97 1.97 0 0 1 3.03 10.57c-.194-.658-.041-1.35.488-1.79c.763-.634 1.652-.81 2.525-.773c.53.022 1.04.12 1.494.236m9.868 4.33c.243.657.166 1.5-.446 2.263l.708.708c.864-1.018 1.076-2.24.676-3.319c-.366-.986-1.204-1.748-2.346-2.057L16 10a.5.5 0 1 0-1 0v.02a5.4 5.4 0 0 0-1.354.13c.056-.38.13-.793.226-1.247c.739-.09 1.467-.237 2.24-.416a.5.5 0 0 0-.225-.974a23 23 0 0 1-1.769.348c.1-.384.232-.853.353-1.194a.5.5 0 0 0-.942-.334a20 20 0 0 0-.472 1.643c-.492.032-.993.033-1.523-.002a.5.5 0 1 0-.068.997c.475.032.927.037 1.368.018a20 20 0 0 0-.24 1.482l.92.921l.011-.17q.06-.023.121-.043a4.6 4.6 0 0 1 1.282-.163a6.2 6.2 0 0 1-.376 1.413l.759.76c.279-.59.491-1.26.602-2.003c.765.263 1.275.798 1.493 1.388M6.18 4.058l2.81 2.81a3.6 3.6 0 0 0-.236-1.083c-.272-.669-.82-1.272-1.832-1.569a5 5 0 0 0-.742-.158"/></svg>
Translate Off 20 Regular アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent:translate-off-20-regular" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent:translate-off-20-regular" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent:translate-off-20-regular" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--translate-off-20-regular]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:translate-off-20-regular"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent:translate-off-20-regular"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent/translate-off-20-regular.svg" alt="Translate Off 20 Regular アイコン" width="24" height="24">
Fluent UI System Icons の関連アイコン
Translate Off 20 Regular アイコン のよくある質問
Translate Off 20 Regular アイコンは商用利用でも無料ですか?
はい。Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Translate Off 20 Regular アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent:translate-off-20-regular" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Translate Off 20 Regular アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent/translate-off-20-regular.svg" alt="Translate Off 20 Regular アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent UI System Icons をすべて見る →
