translate2 icon
translate2-duotone from Reicon by REICON · Duotone · IT · MIT Free for personal and commercial use.
- Name
- translate2-duotone
- Set
- Reicon
- Style
- Duotone
- Category
- IT
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
More it icons from Reicon
Use the translate2 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10.31 17.344c.767-.876 1.151-1.314 1.625-1.342q.065-.004.13 0c.474.028.858.466 1.625 1.342c1.67 1.906 2.505 2.858 2.271 3.68q-.03.107-.074.206C15.543 22 14.362 22 12 22s-3.543 0-3.887-.77a2 2 0 0 1-.074-.206c-.234-.822.6-1.774 2.27-3.68M14.5 12.5a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0"/><path fill-rule="evenodd" d="M12 8.035c-2.697 0-4.884 2.151-4.884 4.806a4.75 4.75 0 0 0 1.43 3.398a.68.68 0 0 1 0 .97a.706.706 0 0 1-.986 0a6.1 6.1 0 0 1-1.84-4.368c0-3.413 2.812-6.18 6.28-6.18s6.279 2.767 6.279 6.18a6.1 6.1 0 0 1-1.84 4.369a.706.706 0 0 1-.986 0a.68.68 0 0 1 0-.971a4.75 4.75 0 0 0 1.43-3.398c0-2.655-2.186-4.806-4.883-4.806" clip-rule="evenodd" opacity=".7"/><path fill-rule="evenodd" d="M12 4.373c-4.752 0-8.605 3.791-8.605 8.468c0 2.338.963 4.454 2.52 5.987a.68.68 0 0 1 0 .97a.706.706 0 0 1-.986 0A9.73 9.73 0 0 1 2 12.842C2 7.406 6.477 3 12 3s10 4.406 10 9.84a9.73 9.73 0 0 1-2.929 6.959a.706.706 0 0 1-.987 0a.68.68 0 0 1 0-.971a8.37 8.37 0 0 0 2.52-5.987c0-4.677-3.852-8.468-8.604-8.468" clip-rule="evenodd" opacity=".4"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconTranslate2Duotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10.31 17.344c.767-.876 1.151-1.314 1.625-1.342q.065-.004.13 0c.474.028.858.466 1.625 1.342c1.67 1.906 2.505 2.858 2.271 3.68q-.03.107-.074.206C15.543 22 14.362 22 12 22s-3.543 0-3.887-.77a2 2 0 0 1-.074-.206c-.234-.822.6-1.774 2.27-3.68M14.5 12.5a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0"/><path fillRule="evenodd" d="M12 8.035c-2.697 0-4.884 2.151-4.884 4.806a4.75 4.75 0 0 0 1.43 3.398a.68.68 0 0 1 0 .97a.706.706 0 0 1-.986 0a6.1 6.1 0 0 1-1.84-4.368c0-3.413 2.812-6.18 6.28-6.18s6.279 2.767 6.279 6.18a6.1 6.1 0 0 1-1.84 4.369a.706.706 0 0 1-.986 0a.68.68 0 0 1 0-.971a4.75 4.75 0 0 0 1.43-3.398c0-2.655-2.186-4.806-4.883-4.806" clipRule="evenodd" opacity=".7"/><path fillRule="evenodd" d="M12 4.373c-4.752 0-8.605 3.791-8.605 8.468c0 2.338.963 4.454 2.52 5.987a.68.68 0 0 1 0 .97a.706.706 0 0 1-.986 0A9.73 9.73 0 0 1 2 12.842C2 7.406 6.477 3 12 3s10 4.406 10 9.84a9.73 9.73 0 0 1-2.929 6.959a.706.706 0 0 1-.987 0a.68.68 0 0 1 0-.971a8.37 8.37 0 0 0 2.52-5.987c0-4.677-3.852-8.468-8.604-8.468" clipRule="evenodd" opacity=".4"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10.31 17.344c.767-.876 1.151-1.314 1.625-1.342q.065-.004.13 0c.474.028.858.466 1.625 1.342c1.67 1.906 2.505 2.858 2.271 3.68q-.03.107-.074.206C15.543 22 14.362 22 12 22s-3.543 0-3.887-.77a2 2 0 0 1-.074-.206c-.234-.822.6-1.774 2.27-3.68M14.5 12.5a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0"/><path fill-rule="evenodd" d="M12 8.035c-2.697 0-4.884 2.151-4.884 4.806a4.75 4.75 0 0 0 1.43 3.398a.68.68 0 0 1 0 .97a.706.706 0 0 1-.986 0a6.1 6.1 0 0 1-1.84-4.368c0-3.413 2.812-6.18 6.28-6.18s6.279 2.767 6.279 6.18a6.1 6.1 0 0 1-1.84 4.369a.706.706 0 0 1-.986 0a.68.68 0 0 1 0-.971a4.75 4.75 0 0 0 1.43-3.398c0-2.655-2.186-4.806-4.883-4.806" clip-rule="evenodd" opacity=".7"/><path fill-rule="evenodd" d="M12 4.373c-4.752 0-8.605 3.791-8.605 8.468c0 2.338.963 4.454 2.52 5.987a.68.68 0 0 1 0 .97a.706.706 0 0 1-.986 0A9.73 9.73 0 0 1 2 12.842C2 7.406 6.477 3 12 3s10 4.406 10 9.84a9.73 9.73 0 0 1-2.929 6.959a.706.706 0 0 1-.987 0a.68.68 0 0 1 0-.971a8.37 8.37 0 0 0 2.52-5.987c0-4.677-3.852-8.468-8.604-8.468" clip-rule="evenodd" opacity=".4"/></g></svg> </template>
CSS
.icon-translate2-duotone {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M10.31%2017.344c.767-.876%201.151-1.314%201.625-1.342q.065-.004.13%200c.474.028.858.466%201.625%201.342c1.67%201.906%202.505%202.858%202.271%203.68q-.03.107-.074.206C15.543%2022%2014.362%2022%2012%2022s-3.543%200-3.887-.77a2%202%200%200%201-.074-.206c-.234-.822.6-1.774%202.27-3.68M14.5%2012.5a2.5%202.5%200%201%201-5%200a2.5%202.5%200%200%201%205%200%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12%208.035c-2.697%200-4.884%202.151-4.884%204.806a4.75%204.75%200%200%200%201.43%203.398a.68.68%200%200%201%200%20.97a.706.706%200%200%201-.986%200a6.1%206.1%200%200%201-1.84-4.368c0-3.413%202.812-6.18%206.28-6.18s6.279%202.767%206.279%206.18a6.1%206.1%200%200%201-1.84%204.369a.706.706%200%200%201-.986%200a.68.68%200%200%201%200-.971a4.75%204.75%200%200%200%201.43-3.398c0-2.655-2.186-4.806-4.883-4.806%22%20clip-rule%3D%22evenodd%22%20opacity%3D%22.7%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12%204.373c-4.752%200-8.605%203.791-8.605%208.468c0%202.338.963%204.454%202.52%205.987a.68.68%200%200%201%200%20.97a.706.706%200%200%201-.986%200A9.73%209.73%200%200%201%202%2012.842C2%207.406%206.477%203%2012%203s10%204.406%2010%209.84a9.73%209.73%200%200%201-2.929%206.959a.706.706%200%200%201-.987%200a.68.68%200%200%201%200-.971a8.37%208.37%200%200%200%202.52-5.987c0-4.677-3.852-8.468-8.604-8.468%22%20clip-rule%3D%22evenodd%22%20opacity%3D%22.4%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M10.31%2017.344c.767-.876%201.151-1.314%201.625-1.342q.065-.004.13%200c.474.028.858.466%201.625%201.342c1.67%201.906%202.505%202.858%202.271%203.68q-.03.107-.074.206C15.543%2022%2014.362%2022%2012%2022s-3.543%200-3.887-.77a2%202%200%200%201-.074-.206c-.234-.822.6-1.774%202.27-3.68M14.5%2012.5a2.5%202.5%200%201%201-5%200a2.5%202.5%200%200%201%205%200%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12%208.035c-2.697%200-4.884%202.151-4.884%204.806a4.75%204.75%200%200%200%201.43%203.398a.68.68%200%200%201%200%20.97a.706.706%200%200%201-.986%200a6.1%206.1%200%200%201-1.84-4.368c0-3.413%202.812-6.18%206.28-6.18s6.279%202.767%206.279%206.18a6.1%206.1%200%200%201-1.84%204.369a.706.706%200%200%201-.986%200a.68.68%200%200%201%200-.971a4.75%204.75%200%200%200%201.43-3.398c0-2.655-2.186-4.806-4.883-4.806%22%20clip-rule%3D%22evenodd%22%20opacity%3D%22.7%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12%204.373c-4.752%200-8.605%203.791-8.605%208.468c0%202.338.963%204.454%202.52%205.987a.68.68%200%200%201%200%20.97a.706.706%200%200%201-.986%200A9.73%209.73%200%200%201%202%2012.842C2%207.406%206.477%203%2012%203s10%204.406%2010%209.84a9.73%209.73%200%200%201-2.929%206.959a.706.706%200%200%201-.987%200a.68.68%200%200%201%200-.971a8.37%208.37%200%200%200%202.52-5.987c0-4.677-3.852-8.468-8.604-8.468%22%20clip-rule%3D%22evenodd%22%20opacity%3D%22.4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/translate2-duotone.svg?color=%231a73e8&size=48
