Translate 16 Regular アイコン

Q: Translate 16 Regular アイコンは商用利用でも無料ですか?

はい。Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

fluent:translate-16-regular

Translate 16 Regular アイコン(fluent:translate-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
タグ: translateregular

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="currentColor" d="M3.57 2.76a3.7 3.7 0 0 1 1.923.037c.741.217 1.142.692 1.334 1.236c.172.488.172 1.024.171 1.404v3.558a.5.5 0 0 1-1 .001v-.355a6 6 0 0 1-.501.244c-.57.24-1.31.42-2.071.187c-1.701-.523-1.915-2.807-.454-3.702c.708-.433 1.674-.423 2.363-.349c.243.027.468.063.66.1c-.008-.28-.033-.533-.111-.755c-.095-.27-.268-.491-.673-.61a2.7 2.7 0 0 0-1.405-.025a2.8 2.8 0 0 0-.558.202l-.003.002a.5.5 0 0 1-.495-.869h.002l.001-.002l.006-.003l.015-.008l.048-.025q.06-.031.166-.077c.14-.06.339-.132.582-.192m2.428 3.382a8 8 0 0 0-.77-.126c-.667-.072-1.333-.039-1.734.207c-.759.465-.616 1.634.225 1.893c.442.135.92.045 1.389-.153a6 6 0 0 0 .89-.488zm5.104-.631a.5.5 0 0 1 .384.594q-.074.343-.134.668a13 13 0 0 0 1.531-.26a.5.5 0 0 1 .229.974c-.606.142-1.261.247-1.923.308q-.06.439-.093.838q.473-.12.902-.151a.5.5 0 0 1 1 .018v.035q.315.063.592.182a2.36 2.36 0 0 1 1.378 1.577c.362 1.365-.457 2.967-2.291 3.673a.5.5 0 0 1-.36-.934c1.459-.56 1.89-1.708 1.684-2.483a1.36 1.36 0 0 0-.808-.915a2 2 0 0 0-.285-.096c-.226 1.273-.848 2.265-1.564 2.915q.061.21.122.371a.5.5 0 0 1-.937.35l-.044-.121q-.327.165-.65.238c-.475.106-1.02.064-1.398-.322c-.56-.574-.596-1.497-.2-2.299c.319-.646.922-1.249 1.83-1.673q.03-.539.106-1.142c-.413.01-.82.003-1.21-.024a.5.5 0 1 1 .068-.998c.414.029.85.033 1.292.017q.08-.462.185-.956a.5.5 0 0 1 .594-.384m-1.063 4.641c-.46.298-.748.643-.906.962c-.27.547-.157.976.019 1.156c.04.04.166.113.465.046c.178-.04.387-.125.606-.261c-.1-.52-.172-1.152-.184-1.903m1.07 1.087c.35-.453.643-1.038.789-1.743a4.6 4.6 0 0 0-.859.194c-.01.593.019 1.108.07 1.55"/></svg>

Translate 16 Regular アイコンの使い方

React

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

<Icon icon="fluent:translate-16-regular" width="24" />

Vue

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

<template>
  <Icon icon="fluent:translate-16-regular" width="24" />
</template>

Svelte

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

<Icon icon="fluent:translate-16-regular" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--translate-16-regular]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:translate-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-16-regular"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent/translate-16-regular.svg" alt="Translate 16 Regular アイコン" width="24" height="24">

Fluent UI System Icons の関連アイコン

Translate 16 Regular アイコンのよくある質問

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

はい。Fluent UI System Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Translate 16 Regular アイコンを使うには?

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

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

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

Fluent UI System Icons をすべて見る →