translate icon
translate from Material Symbols Light by Google · Regular · Actions · Apache-2.0 Free for personal and commercial use.
- Name
- translate
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Actions
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- translate-outline, translate-outline-sharp, translate-sharp
1 other variant in Material Symbols Light
The same icon in other sets
translateBootstrap IconstranslateCarbontranslate-16-filledFluent UI System IconstranslateHuge IconstranslateIconParktranslateIconPark OutlinetranslateIconoirtranslateMajesticonstranslateMaterial SymbolstranslateMaterial Design Iconstranslate-fillMingCute IcontranslatePhosphortranslateRemix IcontranslateTDesign Icons
More actions icons from Material Symbols Light
Use the translate icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m11.9 21l4.358-11h1.023l4.358 11h-1.081l-1.19-3.05H14.17L12.981 21zm-7.88-2.884l-.708-.708l4.896-4.916q-.856-.875-1.703-2.154T5.25 8h1.08q.366.84 1.107 1.93q.74 1.091 1.479 1.855q1.305-1.326 2.318-2.909Q12.246 7.292 12.58 6H2.385V5H8.5V3.77h1V5h6.116v1h-1.997q-.448 1.57-1.527 3.344q-1.079 1.775-2.469 3.16l2.535 2.604l-.385 1.03l-2.857-2.932zm10.488-1.07h4.523l-2.262-5.811z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightTranslate(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m11.9 21l4.358-11h1.023l4.358 11h-1.081l-1.19-3.05H14.17L12.981 21zm-7.88-2.884l-.708-.708l4.896-4.916q-.856-.875-1.703-2.154T5.25 8h1.08q.366.84 1.107 1.93q.74 1.091 1.479 1.855q1.305-1.326 2.318-2.909Q12.246 7.292 12.58 6H2.385V5H8.5V3.77h1V5h6.116v1h-1.997q-.448 1.57-1.527 3.344q-1.079 1.775-2.469 3.16l2.535 2.604l-.385 1.03l-2.857-2.932zm10.488-1.07h4.523l-2.262-5.811z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m11.9 21l4.358-11h1.023l4.358 11h-1.081l-1.19-3.05H14.17L12.981 21zm-7.88-2.884l-.708-.708l4.896-4.916q-.856-.875-1.703-2.154T5.25 8h1.08q.366.84 1.107 1.93q.74 1.091 1.479 1.855q1.305-1.326 2.318-2.909Q12.246 7.292 12.58 6H2.385V5H8.5V3.77h1V5h6.116v1h-1.997q-.448 1.57-1.527 3.344q-1.079 1.775-2.469 3.16l2.535 2.604l-.385 1.03l-2.857-2.932zm10.488-1.07h4.523l-2.262-5.811z"/></svg> </template>
CSS
.icon-translate {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m11.9%2021l4.358-11h1.023l4.358%2011h-1.081l-1.19-3.05H14.17L12.981%2021zm-7.88-2.884l-.708-.708l4.896-4.916q-.856-.875-1.703-2.154T5.25%208h1.08q.366.84%201.107%201.93q.74%201.091%201.479%201.855q1.305-1.326%202.318-2.909Q12.246%207.292%2012.58%206H2.385V5H8.5V3.77h1V5h6.116v1h-1.997q-.448%201.57-1.527%203.344q-1.079%201.775-2.469%203.16l2.535%202.604l-.385%201.03l-2.857-2.932zm10.488-1.07h4.523l-2.262-5.811z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m11.9%2021l4.358-11h1.023l4.358%2011h-1.081l-1.19-3.05H14.17L12.981%2021zm-7.88-2.884l-.708-.708l4.896-4.916q-.856-.875-1.703-2.154T5.25%208h1.08q.366.84%201.107%201.93q.74%201.091%201.479%201.855q1.305-1.326%202.318-2.909Q12.246%207.292%2012.58%206H2.385V5H8.5V3.77h1V5h6.116v1h-1.997q-.448%201.57-1.527%203.344q-1.079%201.775-2.469%203.16l2.535%202.604l-.385%201.03l-2.857-2.932zm10.488-1.07h4.523l-2.262-5.811z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/translate.svg?color=%231a73e8&size=48
