translate icon

translate-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.

Name
translate-thin
Set
Phosphor
Style
Thin
Viewbox
256×256
License
MIT

5 other variants in Phosphor

translatetranslate-boldtranslate-duotonetranslate-filltranslate-light

The same icon in other sets

translateBootstrap IconstranslateCarbontranslate-16-filledFluent UI System IconstranslateHuge IconstranslateIconParktranslateIconPark OutlinetranslateIconoirtranslateMajesticonstranslateMaterial SymbolstranslateMaterial Symbols LighttranslateMaterial Design Iconstranslate-fillMingCute IcontranslateRemix IcontranslateTDesign Icons

Use the translate icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m243.58 214.21l-56-112a4 4 0 0 0-7.16 0L157.55 148A92.05 92.05 0 0 1 102 127.36A99.68 99.68 0 0 0 131.91 60H160a4 4 0 0 0 0-8h-60V32a4 4 0 0 0-8 0v20H32a4 4 0 0 0 0 8h91.91A91.8 91.8 0 0 1 96 122.05a92 92 0 0 1-22.77-35.38a4 4 0 1 0-7.54 2.66a99.6 99.6 0 0 0 24.3 38A91.6 91.6 0 0 1 32 148a4 4 0 0 0 0 8a99.54 99.54 0 0 0 64-23.21a100.1 100.1 0 0 0 57.66 23l-29.22 58.43a4 4 0 1 0 7.16 3.58l14.87-29.8h75.06l14.89 29.79A4 4 0 0 0 240 220a4.1 4.1 0 0 0 1.79-.42a4 4 0 0 0 1.79-5.37M150.47 180L184 112.94L217.53 180Z"/></svg>

React

import type { SVGProps } from "react";

export function PhTranslateThin(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m243.58 214.21l-56-112a4 4 0 0 0-7.16 0L157.55 148A92.05 92.05 0 0 1 102 127.36A99.68 99.68 0 0 0 131.91 60H160a4 4 0 0 0 0-8h-60V32a4 4 0 0 0-8 0v20H32a4 4 0 0 0 0 8h91.91A91.8 91.8 0 0 1 96 122.05a92 92 0 0 1-22.77-35.38a4 4 0 1 0-7.54 2.66a99.6 99.6 0 0 0 24.3 38A91.6 91.6 0 0 1 32 148a4 4 0 0 0 0 8a99.54 99.54 0 0 0 64-23.21a100.1 100.1 0 0 0 57.66 23l-29.22 58.43a4 4 0 1 0 7.16 3.58l14.87-29.8h75.06l14.89 29.79A4 4 0 0 0 240 220a4.1 4.1 0 0 0 1.79-.42a4 4 0 0 0 1.79-5.37M150.47 180L184 112.94L217.53 180Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m243.58 214.21l-56-112a4 4 0 0 0-7.16 0L157.55 148A92.05 92.05 0 0 1 102 127.36A99.68 99.68 0 0 0 131.91 60H160a4 4 0 0 0 0-8h-60V32a4 4 0 0 0-8 0v20H32a4 4 0 0 0 0 8h91.91A91.8 91.8 0 0 1 96 122.05a92 92 0 0 1-22.77-35.38a4 4 0 1 0-7.54 2.66a99.6 99.6 0 0 0 24.3 38A91.6 91.6 0 0 1 32 148a4 4 0 0 0 0 8a99.54 99.54 0 0 0 64-23.21a100.1 100.1 0 0 0 57.66 23l-29.22 58.43a4 4 0 1 0 7.16 3.58l14.87-29.8h75.06l14.89 29.79A4 4 0 0 0 240 220a4.1 4.1 0 0 0 1.79-.42a4 4 0 0 0 1.79-5.37M150.47 180L184 112.94L217.53 180Z"/></svg>
</template>

CSS

.icon-translate-thin {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m243.58%20214.21l-56-112a4%204%200%200%200-7.16%200L157.55%20148A92.05%2092.05%200%200%201%20102%20127.36A99.68%2099.68%200%200%200%20131.91%2060H160a4%204%200%200%200%200-8h-60V32a4%204%200%200%200-8%200v20H32a4%204%200%200%200%200%208h91.91A91.8%2091.8%200%200%201%2096%20122.05a92%2092%200%200%201-22.77-35.38a4%204%200%201%200-7.54%202.66a99.6%2099.6%200%200%200%2024.3%2038A91.6%2091.6%200%200%201%2032%20148a4%204%200%200%200%200%208a99.54%2099.54%200%200%200%2064-23.21a100.1%20100.1%200%200%200%2057.66%2023l-29.22%2058.43a4%204%200%201%200%207.16%203.58l14.87-29.8h75.06l14.89%2029.79A4%204%200%200%200%20240%20220a4.1%204.1%200%200%200%201.79-.42a4%204%200%200%200%201.79-5.37M150.47%20180L184%20112.94L217.53%20180Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m243.58%20214.21l-56-112a4%204%200%200%200-7.16%200L157.55%20148A92.05%2092.05%200%200%201%20102%20127.36A99.68%2099.68%200%200%200%20131.91%2060H160a4%204%200%200%200%200-8h-60V32a4%204%200%200%200-8%200v20H32a4%204%200%200%200%200%208h91.91A91.8%2091.8%200%200%201%2096%20122.05a92%2092%200%200%201-22.77-35.38a4%204%200%201%200-7.54%202.66a99.6%2099.6%200%200%200%2024.3%2038A91.6%2091.6%200%200%201%2032%20148a4%204%200%200%200%200%208a99.54%2099.54%200%200%200%2064-23.21a100.1%20100.1%200%200%200%2057.66%2023l-29.22%2058.43a4%204%200%201%200%207.16%203.58l14.87-29.8h75.06l14.89%2029.79A4%204%200%200%200%20240%20220a4.1%204.1%200%200%200%201.79-.42a4%204%200%200%200%201.79-5.37M150.47%20180L184%20112.94L217.53%20180Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/translate-thin.svg?color=%231a73e8&size=48