The Phosphor translate icon depicts two speech bubbles with arrows, symbolizing the act of translation or language conversion, commonly used in UI to indicate language selection or translation features.
Common uses
- Language selection dropdown
- Button to translate content
- Indicator for translated text
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Translate } from '@phosphor-icons/react';
<Translate size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Translate size={24} />thin
<Translate size={24} weight="thin" />light
<Translate size={24} weight="light" />bold
<Translate size={24} weight="bold" />fill
<Translate size={24} weight="fill" />duotone
<Translate size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- communications
- Keywords
- translationlanguagesinternationalizationi18nspeechcommunicationssystemtranslatelanguageinternationalglobecommunication
FAQ
- What does the translate icon represent?
- It represents translation, language conversion, or internationalization features within an application.
- How do I use the translate icon in React?
- You can import and use it like this: import { Translate } from '@phosphor-icons/react'; <Translate size={24} />.
- What is the license for this icon?
- The Phosphor icon library, including the translate icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.