forgejo logo
forgejo from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- forgejo
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
1 other variant in Devicon
The same logo in other sets
Use the forgejo logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f60" d="M89.457 0C83.719 0 78.68 3.195 76.012 7.887h-7.176c-20.844 0-37.902 17.059-37.902 37.902v59.438h15.16V45.789a22.62 22.62 0 0 1 22.742-22.738h7.176c2.668 4.688 7.707 7.883 13.445 7.883c8.488 0 15.465-6.98 15.465-15.465S97.945 0 89.457 0m0 9.098c3.574 0 6.367 2.797 6.367 6.371s-2.793 6.367-6.367 6.367a6.3 6.3 0 0 1-6.367-6.367a6.3 6.3 0 0 1 6.367-6.371m0 0"/><path fill="#d40000" d="M89.457 41.242c-5.738 0-10.777 3.195-13.445 7.883h-7.176c-20.844 0-37.902 17.063-37.902 37.902v12.027c-4.691 2.672-7.883 7.711-7.883 13.445c0 8.488 6.977 15.469 15.465 15.469s15.465-6.98 15.465-15.469c0-5.738-3.199-10.777-7.887-13.445V87.027c0-12.645 10.094-22.738 22.742-22.738h7.176c2.668 4.688 7.707 7.883 13.445 7.883c8.484 0 15.465-6.98 15.465-15.465s-6.977-15.465-15.465-15.465m0 9.098c3.574 0 6.367 2.797 6.367 6.367s-2.793 6.363-6.367 6.363s-6.367-2.793-6.367-6.363a6.3 6.3 0 0 1 6.367-6.367m-50.941 55.793c3.566 0 6.363 2.801 6.363 6.367c0 3.574-2.797 6.371-6.363 6.371c-3.574 0-6.367-2.797-6.367-6.371s2.793-6.367 6.367-6.367m0 0"/></svg>
React
import type { SVGProps } from "react";
export function DeviconForgejo(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f60" d="M89.457 0C83.719 0 78.68 3.195 76.012 7.887h-7.176c-20.844 0-37.902 17.059-37.902 37.902v59.438h15.16V45.789a22.62 22.62 0 0 1 22.742-22.738h7.176c2.668 4.688 7.707 7.883 13.445 7.883c8.488 0 15.465-6.98 15.465-15.465S97.945 0 89.457 0m0 9.098c3.574 0 6.367 2.797 6.367 6.371s-2.793 6.367-6.367 6.367a6.3 6.3 0 0 1-6.367-6.367a6.3 6.3 0 0 1 6.367-6.371m0 0"/><path fill="#d40000" d="M89.457 41.242c-5.738 0-10.777 3.195-13.445 7.883h-7.176c-20.844 0-37.902 17.063-37.902 37.902v12.027c-4.691 2.672-7.883 7.711-7.883 13.445c0 8.488 6.977 15.469 15.465 15.469s15.465-6.98 15.465-15.469c0-5.738-3.199-10.777-7.887-13.445V87.027c0-12.645 10.094-22.738 22.742-22.738h7.176c2.668 4.688 7.707 7.883 13.445 7.883c8.484 0 15.465-6.98 15.465-15.465s-6.977-15.465-15.465-15.465m0 9.098c3.574 0 6.367 2.797 6.367 6.367s-2.793 6.363-6.367 6.363s-6.367-2.793-6.367-6.363a6.3 6.3 0 0 1 6.367-6.367m-50.941 55.793c3.566 0 6.363 2.801 6.363 6.367c0 3.574-2.797 6.371-6.363 6.371c-3.574 0-6.367-2.797-6.367-6.371s2.793-6.367 6.367-6.367m0 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f60" d="M89.457 0C83.719 0 78.68 3.195 76.012 7.887h-7.176c-20.844 0-37.902 17.059-37.902 37.902v59.438h15.16V45.789a22.62 22.62 0 0 1 22.742-22.738h7.176c2.668 4.688 7.707 7.883 13.445 7.883c8.488 0 15.465-6.98 15.465-15.465S97.945 0 89.457 0m0 9.098c3.574 0 6.367 2.797 6.367 6.371s-2.793 6.367-6.367 6.367a6.3 6.3 0 0 1-6.367-6.367a6.3 6.3 0 0 1 6.367-6.371m0 0"/><path fill="#d40000" d="M89.457 41.242c-5.738 0-10.777 3.195-13.445 7.883h-7.176c-20.844 0-37.902 17.063-37.902 37.902v12.027c-4.691 2.672-7.883 7.711-7.883 13.445c0 8.488 6.977 15.469 15.465 15.469s15.465-6.98 15.465-15.469c0-5.738-3.199-10.777-7.887-13.445V87.027c0-12.645 10.094-22.738 22.742-22.738h7.176c2.668 4.688 7.707 7.883 13.445 7.883c8.484 0 15.465-6.98 15.465-15.465s-6.977-15.465-15.465-15.465m0 9.098c3.574 0 6.367 2.797 6.367 6.367s-2.793 6.363-6.367 6.363s-6.367-2.793-6.367-6.363a6.3 6.3 0 0 1 6.367-6.367m-50.941 55.793c3.566 0 6.363 2.801 6.363 6.367c0 3.574-2.797 6.371-6.363 6.371c-3.574 0-6.367-2.797-6.367-6.371s2.793-6.367 6.367-6.367m0 0"/></svg> </template>
CSS
.icon-forgejo {
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%23f60%22%20d%3D%22M89.457%200C83.719%200%2078.68%203.195%2076.012%207.887h-7.176c-20.844%200-37.902%2017.059-37.902%2037.902v59.438h15.16V45.789a22.62%2022.62%200%200%201%2022.742-22.738h7.176c2.668%204.688%207.707%207.883%2013.445%207.883c8.488%200%2015.465-6.98%2015.465-15.465S97.945%200%2089.457%200m0%209.098c3.574%200%206.367%202.797%206.367%206.371s-2.793%206.367-6.367%206.367a6.3%206.3%200%200%201-6.367-6.367a6.3%206.3%200%200%201%206.367-6.371m0%200%22%2F%3E%3Cpath%20fill%3D%22%23d40000%22%20d%3D%22M89.457%2041.242c-5.738%200-10.777%203.195-13.445%207.883h-7.176c-20.844%200-37.902%2017.063-37.902%2037.902v12.027c-4.691%202.672-7.883%207.711-7.883%2013.445c0%208.488%206.977%2015.469%2015.465%2015.469s15.465-6.98%2015.465-15.469c0-5.738-3.199-10.777-7.887-13.445V87.027c0-12.645%2010.094-22.738%2022.742-22.738h7.176c2.668%204.688%207.707%207.883%2013.445%207.883c8.484%200%2015.465-6.98%2015.465-15.465s-6.977-15.465-15.465-15.465m0%209.098c3.574%200%206.367%202.797%206.367%206.367s-2.793%206.363-6.367%206.363s-6.367-2.793-6.367-6.363a6.3%206.3%200%200%201%206.367-6.367m-50.941%2055.793c3.566%200%206.363%202.801%206.363%206.367c0%203.574-2.797%206.371-6.363%206.371c-3.574%200-6.367-2.797-6.367-6.371s2.793-6.367%206.367-6.367m0%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23f60%22%20d%3D%22M89.457%200C83.719%200%2078.68%203.195%2076.012%207.887h-7.176c-20.844%200-37.902%2017.059-37.902%2037.902v59.438h15.16V45.789a22.62%2022.62%200%200%201%2022.742-22.738h7.176c2.668%204.688%207.707%207.883%2013.445%207.883c8.488%200%2015.465-6.98%2015.465-15.465S97.945%200%2089.457%200m0%209.098c3.574%200%206.367%202.797%206.367%206.371s-2.793%206.367-6.367%206.367a6.3%206.3%200%200%201-6.367-6.367a6.3%206.3%200%200%201%206.367-6.371m0%200%22%2F%3E%3Cpath%20fill%3D%22%23d40000%22%20d%3D%22M89.457%2041.242c-5.738%200-10.777%203.195-13.445%207.883h-7.176c-20.844%200-37.902%2017.063-37.902%2037.902v12.027c-4.691%202.672-7.883%207.711-7.883%2013.445c0%208.488%206.977%2015.469%2015.465%2015.469s15.465-6.98%2015.465-15.469c0-5.738-3.199-10.777-7.887-13.445V87.027c0-12.645%2010.094-22.738%2022.742-22.738h7.176c2.668%204.688%207.707%207.883%2013.445%207.883c8.484%200%2015.465-6.98%2015.465-15.465s-6.977-15.465-15.465-15.465m0%209.098c3.574%200%206.367%202.797%206.367%206.367s-2.793%206.363-6.367%206.363s-6.367-2.793-6.367-6.363a6.3%206.3%200%200%201%206.367-6.367m-50.941%2055.793c3.566%200%206.363%202.801%206.363%206.367c0%203.574-2.797%206.371-6.363%206.371c-3.574%200-6.367-2.797-6.367-6.371s2.793-6.367%206.367-6.367m0%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/forgejo.svg?color=%231a73e8&size=48
