Translate 32 Regular アイコン

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

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

fluent:translate-32-regular

Translate 32 Regular アイコン(fluent:translate-32-regular)は、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
タグ: translateregular

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M13.002 20c-.55 0-1-.45-1-1v-.34c-1.298.612-3.234 1.35-5.012 1.35L7 20c-2.76 0-5-2.24-5-5s2.24-5 5-5c1.693 0 3.345.413 5.002 1.257V11c0-2.21-1.79-4-4-4c-1.73 0-3.54.89-3.55.9c-.5.24-1.09.04-1.34-.45a.993.993 0 0 1 .45-1.34l.026-.012C3.856 5.97 5.907 5 8.012 5c3.31 0 6 2.69 6 6v8c0 .55-.45 1-1 1zm-1-6.441C10.29 12.503 8.695 12.01 6.99 12.01c-1.65 0-3 1.35-3 3s1.35 3 3 3c1.84 0 4.06-1.08 5.012-1.59zM23.011 25c-.33 0-.66-.17-.85-.47a7 7 0 0 1-.274-.497C20.846 24.675 19.82 25 19 25c-2.07 0-3-1.51-3-3c0-1.56.7-3.27 1.88-4.58a7.3 7.3 0 0 1 2.134-1.631l-.002-.319c0-1.12.173-2.362.405-3.52q-1.103.049-2.409.05a1.003 1.003 0 0 1-.996-1c0-.55.45-1 1-1c1.069 0 2.027-.028 2.88-.074c.336-1.265.649-2.166.68-2.246c.18-.52.75-.8 1.27-.62s.8.75.62 1.27l-.014.042c-.048.147-.218.661-.425 1.384c2.52-.273 3.605-.68 3.619-.686c.51-.2 1.09.05 1.29.57c.2.51-.05 1.09-.56 1.29l-.01.003c-.147.055-1.593.593-4.863.883c-.237 1.076-.434 2.255-.471 3.31A8.4 8.4 0 0 1 23.5 15c.51 0 .99.03 1.45.1c.03-.35.05-.72.05-1.1c0-.55.45-1 1-1s1 .45 1 1s-.03 1.09-.09 1.61c1.94.8 3.09 2.36 3.09 4.39c0 3.69-2.4 5.6-4.49 6.86a.99.99 0 0 1-1.36-.35c-.28-.47-.13-1.09.34-1.37C26.99 23.64 28 22.15 28 20c0-1.21-.65-1.94-1.48-2.37c-.611 2.196-1.743 3.914-3.01 5.137c.21.458.356.705.362.713c.29.47.14 1.09-.33 1.37a1 1 0 0 1-.52.15zm1.993 2h.005H25zm-6.997-15h.004h-.01zm4.728 8.645a9.4 9.4 0 0 0 1.874-3.575c-.45-.06-.84-.07-1.1-.07c-.52 0-.99.059-1.415.16c.119 1.357.367 2.53.641 3.485m-2.57-2.591a5.4 5.4 0 0 0-.786.716c-1.01 1.11-1.37 2.4-1.37 3.23c0 1 .73 1 1 1c.46 0 1.24-.277 2.086-.86a19.8 19.8 0 0 1-.93-4.086"/></svg>

Translate 32 Regular アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:translate-32-regular"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fluent:translate-32-regular"></iconify-icon>

HTML 画像

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

Fluent UI System Icons の関連アイコン

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

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

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

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

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

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

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

Fluent UI System Icons をすべて見る →