trpc logo

trpc from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name: trpc
Set: Devicon
Style: Original
Viewbox: 128×128
License: MIT

1 other variant in Devicon

The same logo in other sets

trpcBoxicons Brands trpcSVG Logos trpcSimple Icons

Use the trpc logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#398ccb" d="M0 38C0 17 17 0 38 0h52c21 0 38 17 38 38v52c0 21-17 38-38 38H38c-21 0-38-17-38-38z"/><path fill="#fff" d="M63.9 18.8L81.6 29v5.6l21.5 12.5v21.2l5.8 3.3v20.6l-17.7 10.2l-7.9-4.6l-19.2 11.1l-19.1-11l-7.7 4.5l-17.8-10.3V71.6l5.6-3.2V47.1l21-12.2V29zM81.7 40v9.6L63.9 59.8L46.2 49.6v-9.3l-16.5 9.5v16l7.6-4.4l17.8 10.3v20.5l-5.4 3.1l14.5 8.3l14.5-8.4l-5.3-3V71.7l17.8-10.3l7.4 4.3V49.8zm7.2 55.8V83.2L78.1 77v12.5zM104.3 77l-10.8 6.3v12.5l10.8-6.3zM35 95.8V83.3L24.1 77v12.5zm15.5-18.7l-10.8 6.2v12.5l10.8-6.2zm40.7 2.3l10.9-6.3l-10.9-6.2l-10.8 6.2zM37.3 66.9l-10.8 6.2l10.8 6.3l10.8-6.3zm24.3-13.6V40.8l-10.8-6.2v12.5zm15.5-18.8l-10.9 6.3v12.5L77.1 47zm-13.2 2.3l10.9-6.3l-10.9-6.2l-10.8 6.2z"/></svg>

React

import type { SVGProps } from "react";

export function DeviconTrpc(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#398ccb" d="M0 38C0 17 17 0 38 0h52c21 0 38 17 38 38v52c0 21-17 38-38 38H38c-21 0-38-17-38-38z"/><path fill="#fff" d="M63.9 18.8L81.6 29v5.6l21.5 12.5v21.2l5.8 3.3v20.6l-17.7 10.2l-7.9-4.6l-19.2 11.1l-19.1-11l-7.7 4.5l-17.8-10.3V71.6l5.6-3.2V47.1l21-12.2V29zM81.7 40v9.6L63.9 59.8L46.2 49.6v-9.3l-16.5 9.5v16l7.6-4.4l17.8 10.3v20.5l-5.4 3.1l14.5 8.3l14.5-8.4l-5.3-3V71.7l17.8-10.3l7.4 4.3V49.8zm7.2 55.8V83.2L78.1 77v12.5zM104.3 77l-10.8 6.3v12.5l10.8-6.3zM35 95.8V83.3L24.1 77v12.5zm15.5-18.7l-10.8 6.2v12.5l10.8-6.2zm40.7 2.3l10.9-6.3l-10.9-6.2l-10.8 6.2zM37.3 66.9l-10.8 6.2l10.8 6.3l10.8-6.3zm24.3-13.6V40.8l-10.8-6.2v12.5zm15.5-18.8l-10.9 6.3v12.5L77.1 47zm-13.2 2.3l10.9-6.3l-10.9-6.2l-10.8 6.2z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#398ccb" d="M0 38C0 17 17 0 38 0h52c21 0 38 17 38 38v52c0 21-17 38-38 38H38c-21 0-38-17-38-38z"/><path fill="#fff" d="M63.9 18.8L81.6 29v5.6l21.5 12.5v21.2l5.8 3.3v20.6l-17.7 10.2l-7.9-4.6l-19.2 11.1l-19.1-11l-7.7 4.5l-17.8-10.3V71.6l5.6-3.2V47.1l21-12.2V29zM81.7 40v9.6L63.9 59.8L46.2 49.6v-9.3l-16.5 9.5v16l7.6-4.4l17.8 10.3v20.5l-5.4 3.1l14.5 8.3l14.5-8.4l-5.3-3V71.7l17.8-10.3l7.4 4.3V49.8zm7.2 55.8V83.2L78.1 77v12.5zM104.3 77l-10.8 6.3v12.5l10.8-6.3zM35 95.8V83.3L24.1 77v12.5zm15.5-18.7l-10.8 6.2v12.5l10.8-6.2zm40.7 2.3l10.9-6.3l-10.9-6.2l-10.8 6.2zM37.3 66.9l-10.8 6.2l10.8 6.3l10.8-6.3zm24.3-13.6V40.8l-10.8-6.2v12.5zm15.5-18.8l-10.9 6.3v12.5L77.1 47zm-13.2 2.3l10.9-6.3l-10.9-6.2l-10.8 6.2z"/></svg>
</template>

CSS

.icon-trpc {
  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%20128%20128%22%3E%3Cpath%20fill%3D%22%23398ccb%22%20d%3D%22M0%2038C0%2017%2017%200%2038%200h52c21%200%2038%2017%2038%2038v52c0%2021-17%2038-38%2038H38c-21%200-38-17-38-38z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M63.9%2018.8L81.6%2029v5.6l21.5%2012.5v21.2l5.8%203.3v20.6l-17.7%2010.2l-7.9-4.6l-19.2%2011.1l-19.1-11l-7.7%204.5l-17.8-10.3V71.6l5.6-3.2V47.1l21-12.2V29zM81.7%2040v9.6L63.9%2059.8L46.2%2049.6v-9.3l-16.5%209.5v16l7.6-4.4l17.8%2010.3v20.5l-5.4%203.1l14.5%208.3l14.5-8.4l-5.3-3V71.7l17.8-10.3l7.4%204.3V49.8zm7.2%2055.8V83.2L78.1%2077v12.5zM104.3%2077l-10.8%206.3v12.5l10.8-6.3zM35%2095.8V83.3L24.1%2077v12.5zm15.5-18.7l-10.8%206.2v12.5l10.8-6.2zm40.7%202.3l10.9-6.3l-10.9-6.2l-10.8%206.2zM37.3%2066.9l-10.8%206.2l10.8%206.3l10.8-6.3zm24.3-13.6V40.8l-10.8-6.2v12.5zm15.5-18.8l-10.9%206.3v12.5L77.1%2047zm-13.2%202.3l10.9-6.3l-10.9-6.2l-10.8%206.2z%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23398ccb%22%20d%3D%22M0%2038C0%2017%2017%200%2038%200h52c21%200%2038%2017%2038%2038v52c0%2021-17%2038-38%2038H38c-21%200-38-17-38-38z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M63.9%2018.8L81.6%2029v5.6l21.5%2012.5v21.2l5.8%203.3v20.6l-17.7%2010.2l-7.9-4.6l-19.2%2011.1l-19.1-11l-7.7%204.5l-17.8-10.3V71.6l5.6-3.2V47.1l21-12.2V29zM81.7%2040v9.6L63.9%2059.8L46.2%2049.6v-9.3l-16.5%209.5v16l7.6-4.4l17.8%2010.3v20.5l-5.4%203.1l14.5%208.3l14.5-8.4l-5.3-3V71.7l17.8-10.3l7.4%204.3V49.8zm7.2%2055.8V83.2L78.1%2077v12.5zM104.3%2077l-10.8%206.3v12.5l10.8-6.3zM35%2095.8V83.3L24.1%2077v12.5zm15.5-18.7l-10.8%206.2v12.5l10.8-6.2zm40.7%202.3l10.9-6.3l-10.9-6.2l-10.8%206.2zM37.3%2066.9l-10.8%206.2l10.8%206.3l10.8-6.3zm24.3-13.6V40.8l-10.8-6.2v12.5zm15.5-18.8l-10.9%206.3v12.5L77.1%2047zm-13.2%202.3l10.9-6.3l-10.9-6.2l-10.8%206.2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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