translate icon

translate-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name
translate-light
Set
Phosphor
Style
Light
Viewbox
256×256
License
MIT

5 other variants in Phosphor

translatetranslate-boldtranslate-duotonetranslate-filltranslate-thin

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="m245.37 213.32l-56-112a6 6 0 0 0-10.74 0l-22.3 44.6A90 90 0 0 1 105 127.19A101.73 101.73 0 0 0 133.82 62H160a6 6 0 0 0 0-12h-58V32a6 6 0 0 0-12 0v18H32a6 6 0 0 0 0 12h89.79A89.7 89.7 0 0 1 96 119.23A89.8 89.8 0 0 1 75.11 86a6 6 0 1 0-11.31 4A101.7 101.7 0 0 0 87 127.2A89.56 89.56 0 0 1 32 146a6 6 0 0 0 0 12a101.55 101.55 0 0 0 64-22.63a102.1 102.1 0 0 0 54.53 22.17l-27.89 55.78a6 6 0 0 0 10.74 5.36L147.71 190h72.58l14.34 28.68A6 6 0 0 0 240 222a5.9 5.9 0 0 0 2.68-.64a6 6 0 0 0 2.69-8.04M153.71 178L184 117.42L214.29 178Z"/></svg>

React

import type { SVGProps } from "react";

export function PhTranslateLight(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="m245.37 213.32l-56-112a6 6 0 0 0-10.74 0l-22.3 44.6A90 90 0 0 1 105 127.19A101.73 101.73 0 0 0 133.82 62H160a6 6 0 0 0 0-12h-58V32a6 6 0 0 0-12 0v18H32a6 6 0 0 0 0 12h89.79A89.7 89.7 0 0 1 96 119.23A89.8 89.8 0 0 1 75.11 86a6 6 0 1 0-11.31 4A101.7 101.7 0 0 0 87 127.2A89.56 89.56 0 0 1 32 146a6 6 0 0 0 0 12a101.55 101.55 0 0 0 64-22.63a102.1 102.1 0 0 0 54.53 22.17l-27.89 55.78a6 6 0 0 0 10.74 5.36L147.71 190h72.58l14.34 28.68A6 6 0 0 0 240 222a5.9 5.9 0 0 0 2.68-.64a6 6 0 0 0 2.69-8.04M153.71 178L184 117.42L214.29 178Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m245.37 213.32l-56-112a6 6 0 0 0-10.74 0l-22.3 44.6A90 90 0 0 1 105 127.19A101.73 101.73 0 0 0 133.82 62H160a6 6 0 0 0 0-12h-58V32a6 6 0 0 0-12 0v18H32a6 6 0 0 0 0 12h89.79A89.7 89.7 0 0 1 96 119.23A89.8 89.8 0 0 1 75.11 86a6 6 0 1 0-11.31 4A101.7 101.7 0 0 0 87 127.2A89.56 89.56 0 0 1 32 146a6 6 0 0 0 0 12a101.55 101.55 0 0 0 64-22.63a102.1 102.1 0 0 0 54.53 22.17l-27.89 55.78a6 6 0 0 0 10.74 5.36L147.71 190h72.58l14.34 28.68A6 6 0 0 0 240 222a5.9 5.9 0 0 0 2.68-.64a6 6 0 0 0 2.69-8.04M153.71 178L184 117.42L214.29 178Z"/></svg>
</template>

CSS

.icon-translate-light {
  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%22m245.37%20213.32l-56-112a6%206%200%200%200-10.74%200l-22.3%2044.6A90%2090%200%200%201%20105%20127.19A101.73%20101.73%200%200%200%20133.82%2062H160a6%206%200%200%200%200-12h-58V32a6%206%200%200%200-12%200v18H32a6%206%200%200%200%200%2012h89.79A89.7%2089.7%200%200%201%2096%20119.23A89.8%2089.8%200%200%201%2075.11%2086a6%206%200%201%200-11.31%204A101.7%20101.7%200%200%200%2087%20127.2A89.56%2089.56%200%200%201%2032%20146a6%206%200%200%200%200%2012a101.55%20101.55%200%200%200%2064-22.63a102.1%20102.1%200%200%200%2054.53%2022.17l-27.89%2055.78a6%206%200%200%200%2010.74%205.36L147.71%20190h72.58l14.34%2028.68A6%206%200%200%200%20240%20222a5.9%205.9%200%200%200%202.68-.64a6%206%200%200%200%202.69-8.04M153.71%20178L184%20117.42L214.29%20178Z%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%22m245.37%20213.32l-56-112a6%206%200%200%200-10.74%200l-22.3%2044.6A90%2090%200%200%201%20105%20127.19A101.73%20101.73%200%200%200%20133.82%2062H160a6%206%200%200%200%200-12h-58V32a6%206%200%200%200-12%200v18H32a6%206%200%200%200%200%2012h89.79A89.7%2089.7%200%200%201%2096%20119.23A89.8%2089.8%200%200%201%2075.11%2086a6%206%200%201%200-11.31%204A101.7%20101.7%200%200%200%2087%20127.2A89.56%2089.56%200%200%201%2032%20146a6%206%200%200%200%200%2012a101.55%20101.55%200%200%200%2064-22.63a102.1%20102.1%200%200%200%2054.53%2022.17l-27.89%2055.78a6%206%200%200%200%2010.74%205.36L147.71%20190h72.58l14.34%2028.68A6%206%200%200%200%20240%20222a5.9%205.9%200%200%200%202.68-.64a6%206%200%200%200%202.69-8.04M153.71%20178L184%20117.42L214.29%20178Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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