translate icon
translate-20-regular from Fluent UI System Icons by Microsoft Corporation · 20 Regular · MIT Free for personal and commercial use.
- Name
- translate-20-regular
- Set
- Fluent UI System Icons
- Style
- 20 Regular
- Viewbox
- 20×20
- License
- MIT
12 other variants in Fluent UI System Icons
The same icon in other sets
translateBootstrap IconstranslateCarbontranslateHuge IconstranslateIconParktranslateIconPark OutlinetranslateIconoirtranslateMajesticonstranslateMaterial SymbolstranslateMaterial Symbols LighttranslateMaterial Design Iconstranslate-fillMingCute IcontranslatePhosphortranslateRemix IcontranslateTDesign Icons
Related icons in Fluent UI System Icons
Use the translate icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M4.076 4.216a5.04 5.04 0 0 1 2.844 0h.001c1.012.297 1.56.9 1.832 1.569c.253.62.253 1.27.253 1.661V12.5a.5.5 0 0 1-1 0v-.533a8 8 0 0 1-1.046.554c-.78.343-1.736.602-2.642.414a2.97 2.97 0 0 1-2.248-2.082c-.287-.97-.081-2.103.807-2.842c1.01-.84 2.171-1.046 3.207-1.003c.71.03 1.378.176 1.921.325c-.002-.375-.023-.791-.178-1.172c-.16-.392-.474-.776-1.187-.985a4.04 4.04 0 0 0-2.946.26a3 3 0 0 0-.208.117l-.007.005a.5.5 0 0 1-.565-.825l.002-.002l.002-.001l.006-.004l.02-.013l.065-.04q.083-.052.232-.128a5 5 0 0 1 .835-.329m1.966 3.79c-.873-.035-1.762.14-2.525.774c-.53.44-.682 1.132-.488 1.79a1.97 1.97 0 0 0 1.492 1.386c.606.126 1.332-.04 2.037-.35a7.6 7.6 0 0 0 1.448-.849V8.372c-.558-.163-1.242-.335-1.964-.365m8.428-1.339a.5.5 0 0 0-.942-.334a20 20 0 0 0-.472 1.643c-.492.032-.993.033-1.523-.002a.5.5 0 1 0-.068.997c.475.032.927.037 1.368.018a19 19 0 0 0-.249 1.551c-1.166.578-1.92 1.425-2.3 2.301c-.441 1.02-.395 2.164.25 2.853c.428.458 1.06.522 1.636.39c.42-.097.857-.304 1.277-.604q.045.099.087.205a.5.5 0 0 0 .93-.37a8 8 0 0 0-.236-.522c.792-.846 1.454-2.07 1.684-3.606c.765.262 1.275.797 1.493 1.387c.386 1.04-.035 2.547-2.109 3.47a.5.5 0 1 0 .406.913c2.426-1.078 3.255-3.072 2.64-4.73c-.364-.987-1.203-1.748-2.345-2.058L16 10a.5.5 0 1 0-1 0v.02a5.4 5.4 0 0 0-1.354.13q.083-.567.226-1.247c.739-.09 1.467-.237 2.24-.416a.5.5 0 0 0-.225-.974c-.62.144-1.199.263-1.769.348c.1-.384.232-.853.353-1.194m-3.267 6.572c.223-.517.64-1.057 1.297-1.498c-.01.633.04 1.159.13 1.612c.097.48.235.867.381 1.205c-.38.3-.754.48-1.065.551c-.384.088-.59.001-.683-.098c-.275-.295-.41-.967-.06-1.772m3.724-2.223c-.169 1.15-.612 2.08-1.147 2.764a5 5 0 0 1-.169-.623c-.097-.486-.145-1.102-.087-1.935q.06-.023.121-.043a4.6 4.6 0 0 1 1.282-.163"/></svg>
React
import type { SVGProps } from "react";
export function FluentTranslate20Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M4.076 4.216a5.04 5.04 0 0 1 2.844 0h.001c1.012.297 1.56.9 1.832 1.569c.253.62.253 1.27.253 1.661V12.5a.5.5 0 0 1-1 0v-.533a8 8 0 0 1-1.046.554c-.78.343-1.736.602-2.642.414a2.97 2.97 0 0 1-2.248-2.082c-.287-.97-.081-2.103.807-2.842c1.01-.84 2.171-1.046 3.207-1.003c.71.03 1.378.176 1.921.325c-.002-.375-.023-.791-.178-1.172c-.16-.392-.474-.776-1.187-.985a4.04 4.04 0 0 0-2.946.26a3 3 0 0 0-.208.117l-.007.005a.5.5 0 0 1-.565-.825l.002-.002l.002-.001l.006-.004l.02-.013l.065-.04q.083-.052.232-.128a5 5 0 0 1 .835-.329m1.966 3.79c-.873-.035-1.762.14-2.525.774c-.53.44-.682 1.132-.488 1.79a1.97 1.97 0 0 0 1.492 1.386c.606.126 1.332-.04 2.037-.35a7.6 7.6 0 0 0 1.448-.849V8.372c-.558-.163-1.242-.335-1.964-.365m8.428-1.339a.5.5 0 0 0-.942-.334a20 20 0 0 0-.472 1.643c-.492.032-.993.033-1.523-.002a.5.5 0 1 0-.068.997c.475.032.927.037 1.368.018a19 19 0 0 0-.249 1.551c-1.166.578-1.92 1.425-2.3 2.301c-.441 1.02-.395 2.164.25 2.853c.428.458 1.06.522 1.636.39c.42-.097.857-.304 1.277-.604q.045.099.087.205a.5.5 0 0 0 .93-.37a8 8 0 0 0-.236-.522c.792-.846 1.454-2.07 1.684-3.606c.765.262 1.275.797 1.493 1.387c.386 1.04-.035 2.547-2.109 3.47a.5.5 0 1 0 .406.913c2.426-1.078 3.255-3.072 2.64-4.73c-.364-.987-1.203-1.748-2.345-2.058L16 10a.5.5 0 1 0-1 0v.02a5.4 5.4 0 0 0-1.354.13q.083-.567.226-1.247c.739-.09 1.467-.237 2.24-.416a.5.5 0 0 0-.225-.974c-.62.144-1.199.263-1.769.348c.1-.384.232-.853.353-1.194m-3.267 6.572c.223-.517.64-1.057 1.297-1.498c-.01.633.04 1.159.13 1.612c.097.48.235.867.381 1.205c-.38.3-.754.48-1.065.551c-.384.088-.59.001-.683-.098c-.275-.295-.41-.967-.06-1.772m3.724-2.223c-.169 1.15-.612 2.08-1.147 2.764a5 5 0 0 1-.169-.623c-.097-.486-.145-1.102-.087-1.935q.06-.023.121-.043a4.6 4.6 0 0 1 1.282-.163"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M4.076 4.216a5.04 5.04 0 0 1 2.844 0h.001c1.012.297 1.56.9 1.832 1.569c.253.62.253 1.27.253 1.661V12.5a.5.5 0 0 1-1 0v-.533a8 8 0 0 1-1.046.554c-.78.343-1.736.602-2.642.414a2.97 2.97 0 0 1-2.248-2.082c-.287-.97-.081-2.103.807-2.842c1.01-.84 2.171-1.046 3.207-1.003c.71.03 1.378.176 1.921.325c-.002-.375-.023-.791-.178-1.172c-.16-.392-.474-.776-1.187-.985a4.04 4.04 0 0 0-2.946.26a3 3 0 0 0-.208.117l-.007.005a.5.5 0 0 1-.565-.825l.002-.002l.002-.001l.006-.004l.02-.013l.065-.04q.083-.052.232-.128a5 5 0 0 1 .835-.329m1.966 3.79c-.873-.035-1.762.14-2.525.774c-.53.44-.682 1.132-.488 1.79a1.97 1.97 0 0 0 1.492 1.386c.606.126 1.332-.04 2.037-.35a7.6 7.6 0 0 0 1.448-.849V8.372c-.558-.163-1.242-.335-1.964-.365m8.428-1.339a.5.5 0 0 0-.942-.334a20 20 0 0 0-.472 1.643c-.492.032-.993.033-1.523-.002a.5.5 0 1 0-.068.997c.475.032.927.037 1.368.018a19 19 0 0 0-.249 1.551c-1.166.578-1.92 1.425-2.3 2.301c-.441 1.02-.395 2.164.25 2.853c.428.458 1.06.522 1.636.39c.42-.097.857-.304 1.277-.604q.045.099.087.205a.5.5 0 0 0 .93-.37a8 8 0 0 0-.236-.522c.792-.846 1.454-2.07 1.684-3.606c.765.262 1.275.797 1.493 1.387c.386 1.04-.035 2.547-2.109 3.47a.5.5 0 1 0 .406.913c2.426-1.078 3.255-3.072 2.64-4.73c-.364-.987-1.203-1.748-2.345-2.058L16 10a.5.5 0 1 0-1 0v.02a5.4 5.4 0 0 0-1.354.13q.083-.567.226-1.247c.739-.09 1.467-.237 2.24-.416a.5.5 0 0 0-.225-.974c-.62.144-1.199.263-1.769.348c.1-.384.232-.853.353-1.194m-3.267 6.572c.223-.517.64-1.057 1.297-1.498c-.01.633.04 1.159.13 1.612c.097.48.235.867.381 1.205c-.38.3-.754.48-1.065.551c-.384.088-.59.001-.683-.098c-.275-.295-.41-.967-.06-1.772m3.724-2.223c-.169 1.15-.612 2.08-1.147 2.764a5 5 0 0 1-.169-.623c-.097-.486-.145-1.102-.087-1.935q.06-.023.121-.043a4.6 4.6 0 0 1 1.282-.163"/></svg> </template>
CSS
.icon-translate-20-regular {
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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.076%204.216a5.04%205.04%200%200%201%202.844%200h.001c1.012.297%201.56.9%201.832%201.569c.253.62.253%201.27.253%201.661V12.5a.5.5%200%200%201-1%200v-.533a8%208%200%200%201-1.046.554c-.78.343-1.736.602-2.642.414a2.97%202.97%200%200%201-2.248-2.082c-.287-.97-.081-2.103.807-2.842c1.01-.84%202.171-1.046%203.207-1.003c.71.03%201.378.176%201.921.325c-.002-.375-.023-.791-.178-1.172c-.16-.392-.474-.776-1.187-.985a4.04%204.04%200%200%200-2.946.26a3%203%200%200%200-.208.117l-.007.005a.5.5%200%200%201-.565-.825l.002-.002l.002-.001l.006-.004l.02-.013l.065-.04q.083-.052.232-.128a5%205%200%200%201%20.835-.329m1.966%203.79c-.873-.035-1.762.14-2.525.774c-.53.44-.682%201.132-.488%201.79a1.97%201.97%200%200%200%201.492%201.386c.606.126%201.332-.04%202.037-.35a7.6%207.6%200%200%200%201.448-.849V8.372c-.558-.163-1.242-.335-1.964-.365m8.428-1.339a.5.5%200%200%200-.942-.334a20%2020%200%200%200-.472%201.643c-.492.032-.993.033-1.523-.002a.5.5%200%201%200-.068.997c.475.032.927.037%201.368.018a19%2019%200%200%200-.249%201.551c-1.166.578-1.92%201.425-2.3%202.301c-.441%201.02-.395%202.164.25%202.853c.428.458%201.06.522%201.636.39c.42-.097.857-.304%201.277-.604q.045.099.087.205a.5.5%200%200%200%20.93-.37a8%208%200%200%200-.236-.522c.792-.846%201.454-2.07%201.684-3.606c.765.262%201.275.797%201.493%201.387c.386%201.04-.035%202.547-2.109%203.47a.5.5%200%201%200%20.406.913c2.426-1.078%203.255-3.072%202.64-4.73c-.364-.987-1.203-1.748-2.345-2.058L16%2010a.5.5%200%201%200-1%200v.02a5.4%205.4%200%200%200-1.354.13q.083-.567.226-1.247c.739-.09%201.467-.237%202.24-.416a.5.5%200%200%200-.225-.974c-.62.144-1.199.263-1.769.348c.1-.384.232-.853.353-1.194m-3.267%206.572c.223-.517.64-1.057%201.297-1.498c-.01.633.04%201.159.13%201.612c.097.48.235.867.381%201.205c-.38.3-.754.48-1.065.551c-.384.088-.59.001-.683-.098c-.275-.295-.41-.967-.06-1.772m3.724-2.223c-.169%201.15-.612%202.08-1.147%202.764a5%205%200%200%201-.169-.623c-.097-.486-.145-1.102-.087-1.935q.06-.023.121-.043a4.6%204.6%200%200%201%201.282-.163%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.076%204.216a5.04%205.04%200%200%201%202.844%200h.001c1.012.297%201.56.9%201.832%201.569c.253.62.253%201.27.253%201.661V12.5a.5.5%200%200%201-1%200v-.533a8%208%200%200%201-1.046.554c-.78.343-1.736.602-2.642.414a2.97%202.97%200%200%201-2.248-2.082c-.287-.97-.081-2.103.807-2.842c1.01-.84%202.171-1.046%203.207-1.003c.71.03%201.378.176%201.921.325c-.002-.375-.023-.791-.178-1.172c-.16-.392-.474-.776-1.187-.985a4.04%204.04%200%200%200-2.946.26a3%203%200%200%200-.208.117l-.007.005a.5.5%200%200%201-.565-.825l.002-.002l.002-.001l.006-.004l.02-.013l.065-.04q.083-.052.232-.128a5%205%200%200%201%20.835-.329m1.966%203.79c-.873-.035-1.762.14-2.525.774c-.53.44-.682%201.132-.488%201.79a1.97%201.97%200%200%200%201.492%201.386c.606.126%201.332-.04%202.037-.35a7.6%207.6%200%200%200%201.448-.849V8.372c-.558-.163-1.242-.335-1.964-.365m8.428-1.339a.5.5%200%200%200-.942-.334a20%2020%200%200%200-.472%201.643c-.492.032-.993.033-1.523-.002a.5.5%200%201%200-.068.997c.475.032.927.037%201.368.018a19%2019%200%200%200-.249%201.551c-1.166.578-1.92%201.425-2.3%202.301c-.441%201.02-.395%202.164.25%202.853c.428.458%201.06.522%201.636.39c.42-.097.857-.304%201.277-.604q.045.099.087.205a.5.5%200%200%200%20.93-.37a8%208%200%200%200-.236-.522c.792-.846%201.454-2.07%201.684-3.606c.765.262%201.275.797%201.493%201.387c.386%201.04-.035%202.547-2.109%203.47a.5.5%200%201%200%20.406.913c2.426-1.078%203.255-3.072%202.64-4.73c-.364-.987-1.203-1.748-2.345-2.058L16%2010a.5.5%200%201%200-1%200v.02a5.4%205.4%200%200%200-1.354.13q.083-.567.226-1.247c.739-.09%201.467-.237%202.24-.416a.5.5%200%200%200-.225-.974c-.62.144-1.199.263-1.769.348c.1-.384.232-.853.353-1.194m-3.267%206.572c.223-.517.64-1.057%201.297-1.498c-.01.633.04%201.159.13%201.612c.097.48.235.867.381%201.205c-.38.3-.754.48-1.065.551c-.384.088-.59.001-.683-.098c-.275-.295-.41-.967-.06-1.772m3.724-2.223c-.169%201.15-.612%202.08-1.147%202.764a5%205%200%200%201-.169-.623c-.097-.486-.145-1.102-.087-1.935q.06-.023.121-.043a4.6%204.6%200%200%201%201.282-.163%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/translate-20-regular.svg?color=%231a73e8&size=48
