transifex logo

transifex from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
transifex
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the transifex logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m20.073 12.851l-2.758-2.757l3.722-3.659a.33.33 0 0 1 .467.003l2.27 2.309a.33.33 0 0 1-.004.468zm0 0h-.001zm-9.04-6.433l12.87 12.869c.129.13.129.34 0 .469l-2.289 2.289a.33.33 0 0 1-.468 0l-5.168-5.168l-2.863 2.815c-.604.593-1.244 1.159-1.975 1.591a7 7 0 0 1-2.248.83c-2.191.42-4.557-.047-6.303-1.468A7.07 7.07 0 0 1 0 15.207V2.069a.33.33 0 0 1 .331-.33h3.237a.33.33 0 0 1 .331.33v4.125H6.65c.178 0 .323.145.323.323v3.617a.323.323 0 0 1-.323.323H3.899v4.75c0 1.272.808 2.429 1.988 2.893c.753.295 1.617.321 2.397.131c.852-.206 1.484-.717 2.097-1.319l2.839-2.792l-4.945-4.945a.33.33 0 0 1 0-.468l2.289-2.289a.333.333 0 0 1 .469 0"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsTransifex(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="m20.073 12.851l-2.758-2.757l3.722-3.659a.33.33 0 0 1 .467.003l2.27 2.309a.33.33 0 0 1-.004.468zm0 0h-.001zm-9.04-6.433l12.87 12.869c.129.13.129.34 0 .469l-2.289 2.289a.33.33 0 0 1-.468 0l-5.168-5.168l-2.863 2.815c-.604.593-1.244 1.159-1.975 1.591a7 7 0 0 1-2.248.83c-2.191.42-4.557-.047-6.303-1.468A7.07 7.07 0 0 1 0 15.207V2.069a.33.33 0 0 1 .331-.33h3.237a.33.33 0 0 1 .331.33v4.125H6.65c.178 0 .323.145.323.323v3.617a.323.323 0 0 1-.323.323H3.899v4.75c0 1.272.808 2.429 1.988 2.893c.753.295 1.617.321 2.397.131c.852-.206 1.484-.717 2.097-1.319l2.839-2.792l-4.945-4.945a.33.33 0 0 1 0-.468l2.289-2.289a.333.333 0 0 1 .469 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m20.073 12.851l-2.758-2.757l3.722-3.659a.33.33 0 0 1 .467.003l2.27 2.309a.33.33 0 0 1-.004.468zm0 0h-.001zm-9.04-6.433l12.87 12.869c.129.13.129.34 0 .469l-2.289 2.289a.33.33 0 0 1-.468 0l-5.168-5.168l-2.863 2.815c-.604.593-1.244 1.159-1.975 1.591a7 7 0 0 1-2.248.83c-2.191.42-4.557-.047-6.303-1.468A7.07 7.07 0 0 1 0 15.207V2.069a.33.33 0 0 1 .331-.33h3.237a.33.33 0 0 1 .331.33v4.125H6.65c.178 0 .323.145.323.323v3.617a.323.323 0 0 1-.323.323H3.899v4.75c0 1.272.808 2.429 1.988 2.893c.753.295 1.617.321 2.397.131c.852-.206 1.484-.717 2.097-1.319l2.839-2.792l-4.945-4.945a.33.33 0 0 1 0-.468l2.289-2.289a.333.333 0 0 1 .469 0"/></svg>
</template>

CSS

.icon-transifex {
  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%22m20.073%2012.851l-2.758-2.757l3.722-3.659a.33.33%200%200%201%20.467.003l2.27%202.309a.33.33%200%200%201-.004.468zm0%200h-.001zm-9.04-6.433l12.87%2012.869c.129.13.129.34%200%20.469l-2.289%202.289a.33.33%200%200%201-.468%200l-5.168-5.168l-2.863%202.815c-.604.593-1.244%201.159-1.975%201.591a7%207%200%200%201-2.248.83c-2.191.42-4.557-.047-6.303-1.468A7.07%207.07%200%200%201%200%2015.207V2.069a.33.33%200%200%201%20.331-.33h3.237a.33.33%200%200%201%20.331.33v4.125H6.65c.178%200%20.323.145.323.323v3.617a.323.323%200%200%201-.323.323H3.899v4.75c0%201.272.808%202.429%201.988%202.893c.753.295%201.617.321%202.397.131c.852-.206%201.484-.717%202.097-1.319l2.839-2.792l-4.945-4.945a.33.33%200%200%201%200-.468l2.289-2.289a.333.333%200%200%201%20.469%200%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%22m20.073%2012.851l-2.758-2.757l3.722-3.659a.33.33%200%200%201%20.467.003l2.27%202.309a.33.33%200%200%201-.004.468zm0%200h-.001zm-9.04-6.433l12.87%2012.869c.129.13.129.34%200%20.469l-2.289%202.289a.33.33%200%200%201-.468%200l-5.168-5.168l-2.863%202.815c-.604.593-1.244%201.159-1.975%201.591a7%207%200%200%201-2.248.83c-2.191.42-4.557-.047-6.303-1.468A7.07%207.07%200%200%201%200%2015.207V2.069a.33.33%200%200%201%20.331-.33h3.237a.33.33%200%200%201%20.331.33v4.125H6.65c.178%200%20.323.145.323.323v3.617a.323.323%200%200%201-.323.323H3.899v4.75c0%201.272.808%202.429%201.988%202.893c.753.295%201.617.321%202.397.131c.852-.206%201.484-.717%202.097-1.319l2.839-2.792l-4.945-4.945a.33.33%200%200%201%200-.468l2.289-2.289a.333.333%200%200%201%20.469%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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