replit logo

replit-color from LobeHub AI Icons by LobeHub · Color · MIT Free for personal and commercial use.

Name: replit-color
Set: LobeHub AI Icons
Style: Color
Viewbox: 24×24
License: MIT

2 other variants in LobeHub AI Icons

The same logo in other sets

replitBoxicons Brands replitDevicon replitHuge Icons replitSVG Logos replitMaterial Icon Theme replitSimple Icons replit-darkSkill Icons

Use the replit logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#fd5402" d="M11.878 7.761H3.482A1.469 1.469 0 012 6.304V1.457C2 .644 2.67 0 3.482 0h6.913c.827 0 1.483.658 1.483 1.457v6.304zM20.882 16.215h-8.995V7.75h8.995c.87 0 1.588.717 1.588 1.586v5.294c0 .885-.717 1.586-1.588 1.586zM10.395 24H3.482C2.67 24 2 23.343 2 22.546v-4.853c0-.797.67-1.454 1.482-1.454h8.396v6.307c0 .797-.67 1.454-1.483 1.454z"/></svg>

React

import type { SVGProps } from "react";

export function LobehubReplitColor(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#fd5402" d="M11.878 7.761H3.482A1.469 1.469 0 012 6.304V1.457C2 .644 2.67 0 3.482 0h6.913c.827 0 1.483.658 1.483 1.457v6.304zM20.882 16.215h-8.995V7.75h8.995c.87 0 1.588.717 1.588 1.586v5.294c0 .885-.717 1.586-1.588 1.586zM10.395 24H3.482C2.67 24 2 23.343 2 22.546v-4.853c0-.797.67-1.454 1.482-1.454h8.396v6.307c0 .797-.67 1.454-1.483 1.454z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#fd5402" d="M11.878 7.761H3.482A1.469 1.469 0 012 6.304V1.457C2 .644 2.67 0 3.482 0h6.913c.827 0 1.483.658 1.483 1.457v6.304zM20.882 16.215h-8.995V7.75h8.995c.87 0 1.588.717 1.588 1.586v5.294c0 .885-.717 1.586-1.588 1.586zM10.395 24H3.482C2.67 24 2 23.343 2 22.546v-4.853c0-.797.67-1.454 1.482-1.454h8.396v6.307c0 .797-.67 1.454-1.483 1.454z"/></svg>
</template>

CSS

.icon-replit-color {
  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%22%23fd5402%22%20d%3D%22M11.878%207.761H3.482A1.469%201.469%200%20012%206.304V1.457C2%20.644%202.67%200%203.482%200h6.913c.827%200%201.483.658%201.483%201.457v6.304zM20.882%2016.215h-8.995V7.75h8.995c.87%200%201.588.717%201.588%201.586v5.294c0%20.885-.717%201.586-1.588%201.586zM10.395%2024H3.482C2.67%2024%202%2023.343%202%2022.546v-4.853c0-.797.67-1.454%201.482-1.454h8.396v6.307c0%20.797-.67%201.454-1.483%201.454z%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%22%23fd5402%22%20d%3D%22M11.878%207.761H3.482A1.469%201.469%200%20012%206.304V1.457C2%20.644%202.67%200%203.482%200h6.913c.827%200%201.483.658%201.483%201.457v6.304zM20.882%2016.215h-8.995V7.75h8.995c.87%200%201.588.717%201.588%201.586v5.294c0%20.885-.717%201.586-1.588%201.586zM10.395%2024H3.482C2.67%2024%202%2023.343%202%2022.546v-4.853c0-.797.67-1.454%201.482-1.454h8.396v6.307c0%20.797-.67%201.454-1.483%201.454z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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