replit logo

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

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

1 other variant in Devicon

The same logo in other sets

replitBoxicons Brands 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 128 128"><path fill="#f26207" d="M11 8c0-2.122.845-4.157 2.35-5.657A8.04 8.04 0 0 1 19.026 0h37.45a8.04 8.04 0 0 1 5.675 2.343A8 8 0 0 1 64.5 8v34.667H19.025a8.04 8.04 0 0 1-5.674-2.343A8 8 0 0 1 11 34.666zm53.5 34.667h45.475a8.04 8.04 0 0 1 5.675 2.343a8 8 0 0 1 2.35 5.657v26.666a8 8 0 0 1-2.35 5.657a8.04 8.04 0 0 1-5.675 2.343H64.5zM11 93.333c0-2.121.845-4.156 2.35-5.656a8.04 8.04 0 0 1 5.675-2.344H64.5V120a8 8 0 0 1-2.35 5.657A8.04 8.04 0 0 1 56.475 128h-37.45a8.04 8.04 0 0 1-5.674-2.343A8 8 0 0 1 11 120z"/></svg>

React

import type { SVGProps } from "react";

export function DeviconReplit(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f26207" d="M11 8c0-2.122.845-4.157 2.35-5.657A8.04 8.04 0 0 1 19.026 0h37.45a8.04 8.04 0 0 1 5.675 2.343A8 8 0 0 1 64.5 8v34.667H19.025a8.04 8.04 0 0 1-5.674-2.343A8 8 0 0 1 11 34.666zm53.5 34.667h45.475a8.04 8.04 0 0 1 5.675 2.343a8 8 0 0 1 2.35 5.657v26.666a8 8 0 0 1-2.35 5.657a8.04 8.04 0 0 1-5.675 2.343H64.5zM11 93.333c0-2.121.845-4.156 2.35-5.656a8.04 8.04 0 0 1 5.675-2.344H64.5V120a8 8 0 0 1-2.35 5.657A8.04 8.04 0 0 1 56.475 128h-37.45a8.04 8.04 0 0 1-5.674-2.343A8 8 0 0 1 11 120z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f26207" d="M11 8c0-2.122.845-4.157 2.35-5.657A8.04 8.04 0 0 1 19.026 0h37.45a8.04 8.04 0 0 1 5.675 2.343A8 8 0 0 1 64.5 8v34.667H19.025a8.04 8.04 0 0 1-5.674-2.343A8 8 0 0 1 11 34.666zm53.5 34.667h45.475a8.04 8.04 0 0 1 5.675 2.343a8 8 0 0 1 2.35 5.657v26.666a8 8 0 0 1-2.35 5.657a8.04 8.04 0 0 1-5.675 2.343H64.5zM11 93.333c0-2.121.845-4.156 2.35-5.656a8.04 8.04 0 0 1 5.675-2.344H64.5V120a8 8 0 0 1-2.35 5.657A8.04 8.04 0 0 1 56.475 128h-37.45a8.04 8.04 0 0 1-5.674-2.343A8 8 0 0 1 11 120z"/></svg>
</template>

CSS

.icon-replit {
  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%23f26207%22%20d%3D%22M11%208c0-2.122.845-4.157%202.35-5.657A8.04%208.04%200%200%201%2019.026%200h37.45a8.04%208.04%200%200%201%205.675%202.343A8%208%200%200%201%2064.5%208v34.667H19.025a8.04%208.04%200%200%201-5.674-2.343A8%208%200%200%201%2011%2034.666zm53.5%2034.667h45.475a8.04%208.04%200%200%201%205.675%202.343a8%208%200%200%201%202.35%205.657v26.666a8%208%200%200%201-2.35%205.657a8.04%208.04%200%200%201-5.675%202.343H64.5zM11%2093.333c0-2.121.845-4.156%202.35-5.656a8.04%208.04%200%200%201%205.675-2.344H64.5V120a8%208%200%200%201-2.35%205.657A8.04%208.04%200%200%201%2056.475%20128h-37.45a8.04%208.04%200%200%201-5.674-2.343A8%208%200%200%201%2011%20120z%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%23f26207%22%20d%3D%22M11%208c0-2.122.845-4.157%202.35-5.657A8.04%208.04%200%200%201%2019.026%200h37.45a8.04%208.04%200%200%201%205.675%202.343A8%208%200%200%201%2064.5%208v34.667H19.025a8.04%208.04%200%200%201-5.674-2.343A8%208%200%200%201%2011%2034.666zm53.5%2034.667h45.475a8.04%208.04%200%200%201%205.675%202.343a8%208%200%200%201%202.35%205.657v26.666a8%208%200%200%201-2.35%205.657a8.04%208.04%200%200%201-5.675%202.343H64.5zM11%2093.333c0-2.121.845-4.156%202.35-5.656a8.04%208.04%200%200%201%205.675-2.344H64.5V120a8%208%200%200%201-2.35%205.657A8.04%208.04%200%200%201%2056.475%20128h-37.45a8.04%208.04%200%200%201-5.674-2.343A8%208%200%200%201%2011%20120z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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