translate icon
translate-20-filled from Fluent UI System Icons by Microsoft Corporation · 20 Filled · MIT Free for personal and commercial use.
- Name
- translate-20-filled
- Set
- Fluent UI System Icons
- Style
- 20 Filled
- 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.178 3.204a4.9 4.9 0 0 1 2.806 0h.001c1.028.305 1.602.935 1.885 1.638c.255.634.255 1.288.254 1.655v4.753a.75.75 0 0 1-1.5 0v-.005q-.27.148-.568.28c-.745.332-1.702.603-2.63.408c-1.203-.253-2.011-1.154-2.303-2.152c-.29-.996-.087-2.18.839-2.958c1.008-.849 2.165-1.052 3.175-1.01c.53.022 1.034.113 1.474.218a2.1 2.1 0 0 0-.133-.629c-.117-.292-.344-.589-.918-.759a3.42 3.42 0 0 0-2.662.302l-.028.017l-.002.002a.75.75 0 0 1-.852-1.235l.002-.001l.004-.003l.007-.005l.022-.014q.026-.018.068-.043q.085-.054.234-.13a5 5 0 0 1 .825-.329m1.897 4.108c-.763-.032-1.51.123-2.148.659c-.39.328-.52.856-.364 1.39c.155.531.573.978 1.17 1.104c.475.1 1.081-.029 1.714-.31a7 7 0 0 0 1.177-.681V7.585c-.465-.13-.996-.25-1.55-.273m7.907-1.263a.75.75 0 0 1 .435.967c-.059.154-.12.335-.18.522q.729-.113 1.453-.271a.75.75 0 0 1 .318 1.466c-.721.156-1.46.288-2.207.38q-.15.637-.248 1.181q.591-.089 1.14-.073a.75.75 0 0 1 1.473.204v.04c1.187.376 2.093 1.16 2.541 2.177c.402.91.403 1.958-.083 2.929c-.483.964-1.413 1.793-2.773 2.37a.75.75 0 0 1-.585-1.381c1.116-.474 1.73-1.089 2.016-1.66a1.9 1.9 0 0 0 .053-1.652c-.216-.489-.666-.956-1.325-1.243a7.06 7.06 0 0 1-1.816 3.506c.076.149.15.3.211.444a.75.75 0 1 1-1.38.59l-.028-.067a4.4 4.4 0 0 1-1.345.556c-.667.143-1.45.089-1.993-.464c-.799-.814-.83-2.135-.318-3.263c.442-.972 1.305-1.89 2.615-2.514q.096-.709.278-1.554q-.764.03-1.532-.018a.75.75 0 0 1 .094-1.497c.603.038 1.21.033 1.82-.006c.117-.404.26-.872.399-1.234a.75.75 0 0 1 .967-.435M11.833 12.6c-.564.412-.925.885-1.126 1.327c-.358.789-.191 1.374.023 1.593c.032.032.189.137.609.048c.287-.062.632-.206.992-.443a6 6 0 0 1-.344-1.087a7.3 7.3 0 0 1-.154-1.438m1.688 1.394a5.65 5.65 0 0 0 1.017-2.278c-.365 0-.76.044-1.185.144c-.053.804 0 1.398.1 1.863q.031.141.068.27"/></svg>
React
import type { SVGProps } from "react";
export function FluentTranslate20Filled(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.178 3.204a4.9 4.9 0 0 1 2.806 0h.001c1.028.305 1.602.935 1.885 1.638c.255.634.255 1.288.254 1.655v4.753a.75.75 0 0 1-1.5 0v-.005q-.27.148-.568.28c-.745.332-1.702.603-2.63.408c-1.203-.253-2.011-1.154-2.303-2.152c-.29-.996-.087-2.18.839-2.958c1.008-.849 2.165-1.052 3.175-1.01c.53.022 1.034.113 1.474.218a2.1 2.1 0 0 0-.133-.629c-.117-.292-.344-.589-.918-.759a3.42 3.42 0 0 0-2.662.302l-.028.017l-.002.002a.75.75 0 0 1-.852-1.235l.002-.001l.004-.003l.007-.005l.022-.014q.026-.018.068-.043q.085-.054.234-.13a5 5 0 0 1 .825-.329m1.897 4.108c-.763-.032-1.51.123-2.148.659c-.39.328-.52.856-.364 1.39c.155.531.573.978 1.17 1.104c.475.1 1.081-.029 1.714-.31a7 7 0 0 0 1.177-.681V7.585c-.465-.13-.996-.25-1.55-.273m7.907-1.263a.75.75 0 0 1 .435.967c-.059.154-.12.335-.18.522q.729-.113 1.453-.271a.75.75 0 0 1 .318 1.466c-.721.156-1.46.288-2.207.38q-.15.637-.248 1.181q.591-.089 1.14-.073a.75.75 0 0 1 1.473.204v.04c1.187.376 2.093 1.16 2.541 2.177c.402.91.403 1.958-.083 2.929c-.483.964-1.413 1.793-2.773 2.37a.75.75 0 0 1-.585-1.381c1.116-.474 1.73-1.089 2.016-1.66a1.9 1.9 0 0 0 .053-1.652c-.216-.489-.666-.956-1.325-1.243a7.06 7.06 0 0 1-1.816 3.506c.076.149.15.3.211.444a.75.75 0 1 1-1.38.59l-.028-.067a4.4 4.4 0 0 1-1.345.556c-.667.143-1.45.089-1.993-.464c-.799-.814-.83-2.135-.318-3.263c.442-.972 1.305-1.89 2.615-2.514q.096-.709.278-1.554q-.764.03-1.532-.018a.75.75 0 0 1 .094-1.497c.603.038 1.21.033 1.82-.006c.117-.404.26-.872.399-1.234a.75.75 0 0 1 .967-.435M11.833 12.6c-.564.412-.925.885-1.126 1.327c-.358.789-.191 1.374.023 1.593c.032.032.189.137.609.048c.287-.062.632-.206.992-.443a6 6 0 0 1-.344-1.087a7.3 7.3 0 0 1-.154-1.438m1.688 1.394a5.65 5.65 0 0 0 1.017-2.278c-.365 0-.76.044-1.185.144c-.053.804 0 1.398.1 1.863q.031.141.068.27"/></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.178 3.204a4.9 4.9 0 0 1 2.806 0h.001c1.028.305 1.602.935 1.885 1.638c.255.634.255 1.288.254 1.655v4.753a.75.75 0 0 1-1.5 0v-.005q-.27.148-.568.28c-.745.332-1.702.603-2.63.408c-1.203-.253-2.011-1.154-2.303-2.152c-.29-.996-.087-2.18.839-2.958c1.008-.849 2.165-1.052 3.175-1.01c.53.022 1.034.113 1.474.218a2.1 2.1 0 0 0-.133-.629c-.117-.292-.344-.589-.918-.759a3.42 3.42 0 0 0-2.662.302l-.028.017l-.002.002a.75.75 0 0 1-.852-1.235l.002-.001l.004-.003l.007-.005l.022-.014q.026-.018.068-.043q.085-.054.234-.13a5 5 0 0 1 .825-.329m1.897 4.108c-.763-.032-1.51.123-2.148.659c-.39.328-.52.856-.364 1.39c.155.531.573.978 1.17 1.104c.475.1 1.081-.029 1.714-.31a7 7 0 0 0 1.177-.681V7.585c-.465-.13-.996-.25-1.55-.273m7.907-1.263a.75.75 0 0 1 .435.967c-.059.154-.12.335-.18.522q.729-.113 1.453-.271a.75.75 0 0 1 .318 1.466c-.721.156-1.46.288-2.207.38q-.15.637-.248 1.181q.591-.089 1.14-.073a.75.75 0 0 1 1.473.204v.04c1.187.376 2.093 1.16 2.541 2.177c.402.91.403 1.958-.083 2.929c-.483.964-1.413 1.793-2.773 2.37a.75.75 0 0 1-.585-1.381c1.116-.474 1.73-1.089 2.016-1.66a1.9 1.9 0 0 0 .053-1.652c-.216-.489-.666-.956-1.325-1.243a7.06 7.06 0 0 1-1.816 3.506c.076.149.15.3.211.444a.75.75 0 1 1-1.38.59l-.028-.067a4.4 4.4 0 0 1-1.345.556c-.667.143-1.45.089-1.993-.464c-.799-.814-.83-2.135-.318-3.263c.442-.972 1.305-1.89 2.615-2.514q.096-.709.278-1.554q-.764.03-1.532-.018a.75.75 0 0 1 .094-1.497c.603.038 1.21.033 1.82-.006c.117-.404.26-.872.399-1.234a.75.75 0 0 1 .967-.435M11.833 12.6c-.564.412-.925.885-1.126 1.327c-.358.789-.191 1.374.023 1.593c.032.032.189.137.609.048c.287-.062.632-.206.992-.443a6 6 0 0 1-.344-1.087a7.3 7.3 0 0 1-.154-1.438m1.688 1.394a5.65 5.65 0 0 0 1.017-2.278c-.365 0-.76.044-1.185.144c-.053.804 0 1.398.1 1.863q.031.141.068.27"/></svg> </template>
CSS
.icon-translate-20-filled {
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.178%203.204a4.9%204.9%200%200%201%202.806%200h.001c1.028.305%201.602.935%201.885%201.638c.255.634.255%201.288.254%201.655v4.753a.75.75%200%200%201-1.5%200v-.005q-.27.148-.568.28c-.745.332-1.702.603-2.63.408c-1.203-.253-2.011-1.154-2.303-2.152c-.29-.996-.087-2.18.839-2.958c1.008-.849%202.165-1.052%203.175-1.01c.53.022%201.034.113%201.474.218a2.1%202.1%200%200%200-.133-.629c-.117-.292-.344-.589-.918-.759a3.42%203.42%200%200%200-2.662.302l-.028.017l-.002.002a.75.75%200%200%201-.852-1.235l.002-.001l.004-.003l.007-.005l.022-.014q.026-.018.068-.043q.085-.054.234-.13a5%205%200%200%201%20.825-.329m1.897%204.108c-.763-.032-1.51.123-2.148.659c-.39.328-.52.856-.364%201.39c.155.531.573.978%201.17%201.104c.475.1%201.081-.029%201.714-.31a7%207%200%200%200%201.177-.681V7.585c-.465-.13-.996-.25-1.55-.273m7.907-1.263a.75.75%200%200%201%20.435.967c-.059.154-.12.335-.18.522q.729-.113%201.453-.271a.75.75%200%200%201%20.318%201.466c-.721.156-1.46.288-2.207.38q-.15.637-.248%201.181q.591-.089%201.14-.073a.75.75%200%200%201%201.473.204v.04c1.187.376%202.093%201.16%202.541%202.177c.402.91.403%201.958-.083%202.929c-.483.964-1.413%201.793-2.773%202.37a.75.75%200%200%201-.585-1.381c1.116-.474%201.73-1.089%202.016-1.66a1.9%201.9%200%200%200%20.053-1.652c-.216-.489-.666-.956-1.325-1.243a7.06%207.06%200%200%201-1.816%203.506c.076.149.15.3.211.444a.75.75%200%201%201-1.38.59l-.028-.067a4.4%204.4%200%200%201-1.345.556c-.667.143-1.45.089-1.993-.464c-.799-.814-.83-2.135-.318-3.263c.442-.972%201.305-1.89%202.615-2.514q.096-.709.278-1.554q-.764.03-1.532-.018a.75.75%200%200%201%20.094-1.497c.603.038%201.21.033%201.82-.006c.117-.404.26-.872.399-1.234a.75.75%200%200%201%20.967-.435M11.833%2012.6c-.564.412-.925.885-1.126%201.327c-.358.789-.191%201.374.023%201.593c.032.032.189.137.609.048c.287-.062.632-.206.992-.443a6%206%200%200%201-.344-1.087a7.3%207.3%200%200%201-.154-1.438m1.688%201.394a5.65%205.65%200%200%200%201.017-2.278c-.365%200-.76.044-1.185.144c-.053.804%200%201.398.1%201.863q.031.141.068.27%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.178%203.204a4.9%204.9%200%200%201%202.806%200h.001c1.028.305%201.602.935%201.885%201.638c.255.634.255%201.288.254%201.655v4.753a.75.75%200%200%201-1.5%200v-.005q-.27.148-.568.28c-.745.332-1.702.603-2.63.408c-1.203-.253-2.011-1.154-2.303-2.152c-.29-.996-.087-2.18.839-2.958c1.008-.849%202.165-1.052%203.175-1.01c.53.022%201.034.113%201.474.218a2.1%202.1%200%200%200-.133-.629c-.117-.292-.344-.589-.918-.759a3.42%203.42%200%200%200-2.662.302l-.028.017l-.002.002a.75.75%200%200%201-.852-1.235l.002-.001l.004-.003l.007-.005l.022-.014q.026-.018.068-.043q.085-.054.234-.13a5%205%200%200%201%20.825-.329m1.897%204.108c-.763-.032-1.51.123-2.148.659c-.39.328-.52.856-.364%201.39c.155.531.573.978%201.17%201.104c.475.1%201.081-.029%201.714-.31a7%207%200%200%200%201.177-.681V7.585c-.465-.13-.996-.25-1.55-.273m7.907-1.263a.75.75%200%200%201%20.435.967c-.059.154-.12.335-.18.522q.729-.113%201.453-.271a.75.75%200%200%201%20.318%201.466c-.721.156-1.46.288-2.207.38q-.15.637-.248%201.181q.591-.089%201.14-.073a.75.75%200%200%201%201.473.204v.04c1.187.376%202.093%201.16%202.541%202.177c.402.91.403%201.958-.083%202.929c-.483.964-1.413%201.793-2.773%202.37a.75.75%200%200%201-.585-1.381c1.116-.474%201.73-1.089%202.016-1.66a1.9%201.9%200%200%200%20.053-1.652c-.216-.489-.666-.956-1.325-1.243a7.06%207.06%200%200%201-1.816%203.506c.076.149.15.3.211.444a.75.75%200%201%201-1.38.59l-.028-.067a4.4%204.4%200%200%201-1.345.556c-.667.143-1.45.089-1.993-.464c-.799-.814-.83-2.135-.318-3.263c.442-.972%201.305-1.89%202.615-2.514q.096-.709.278-1.554q-.764.03-1.532-.018a.75.75%200%200%201%20.094-1.497c.603.038%201.21.033%201.82-.006c.117-.404.26-.872.399-1.234a.75.75%200%200%201%20.967-.435M11.833%2012.6c-.564.412-.925.885-1.126%201.327c-.358.789-.191%201.374.023%201.593c.032.032.189.137.609.048c.287-.062.632-.206.992-.443a6%206%200%200%201-.344-1.087a7.3%207.3%200%200%201-.154-1.438m1.688%201.394a5.65%205.65%200%200%200%201.017-2.278c-.365%200-.76.044-1.185.144c-.053.804%200%201.398.1%201.863q.031.141.068.27%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/translate-20-filled.svg?color=%231a73e8&size=48
