What does the translation icon represent?

It represents the act of translating content from one language to another, often shown as two speech bubbles with directional arrows.

How do I use the TranslationIcon in React?

Import both HugeiconsIcon and TranslationIcon, then render .

What is the license for this icon?

This icon is available under the MIT license.

translation icon

HugeIcons · TranslationIcon · MIT

Download SVG

The HugeIcons translation icon depicts two speech bubbles with arrows, symbolizing the conversion of text or speech from one language to another, commonly used for language selection or translation features.

Common uses

Language selection dropdown
Translate button in a text editor
Internationalization settings

Use it in React

Install

npm i @hugeicons/react @hugeicons/core-free-icons

Import & render

import { HugeiconsIcon } from '@hugeicons/react';
import { TranslationIcon } from '@hugeicons/core-free-icons';

<HugeiconsIcon icon={TranslationIcon} size={24} strokeWidth={1.5} />

Details

Library: HugeIcons (5,121 icons)
License: MIT
viewBox: 0 0 24 24
Keywords: languageglobetranslateinternational

FAQ

What does the translation icon represent?: It represents the act of translating content from one language to another, often shown as two speech bubbles with directional arrows.
How do I use the TranslationIcon in React?: Import both HugeiconsIcon and TranslationIcon, then render <HugeiconsIcon icon={TranslationIcon} />.
What is the license for this icon?: This icon is available under the MIT license.

Looking for something else? Search HugeIcons and 4 more libraries by description →

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →