opencode logo
opencode from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- opencode
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 512×92
- License
- CC0
The same logo in other sets
Related icons in SVG Logos
Use the opencode logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 92"><path fill="#cfcecd" d="M39.388 65.715H13.131V39.429h26.257z"/><path fill="#656363" d="M39.385 26.286H13.128v39.428h26.257zm13.128 52.571H0V13.143h52.513z"/><path fill="#cfcecd" d="M105.025 65.715H78.769V39.429h26.256z"/><path fill="#656363" d="M78.772 65.714h26.256V26.286H78.772zm39.385 13.143H78.772V92H65.644V13.143h52.513z"/><path fill="#cfcecd" d="M183.797 52.571v13.143h-39.384V52.571z"/><path fill="#656363" d="M183.794 52.572H144.41v13.142h39.384v13.143h-52.512V13.143h52.512zM144.41 39.429h26.256V26.286H144.41z"/><path fill="#cfcecd" d="M236.306 78.857H210.05V39.429h26.256z"/><path fill="#656363" d="M236.31 26.286h-26.256v52.571h-13.13V13.143h39.386zm13.128 52.571H236.31V26.286h13.128z"/><path fill="#cfcecd" d="M315.078 65.715h-39.384V39.429h39.384z"/><path fill="#211e1e" d="M315.075 26.286H275.69v39.428h39.385v13.143h-52.513V13.143h52.513z"/><path fill="#cfcecd" d="M367.588 65.715h-26.257V39.429h26.257z"/><path fill="#211e1e" d="M367.591 26.286h-26.257v39.428h26.257zm13.128 52.571h-52.513V13.143h52.513z"/><path fill="#cfcecd" d="M433.231 65.715h-26.256V39.429h26.256z"/><path fill="#211e1e" d="M433.228 26.286h-26.256v39.428h26.256zm13.129 52.571h-52.513V13.143h39.384V0h13.129z"/><path fill="#cfcecd" d="M511.997 52.571v13.143h-39.384V52.571z"/><path fill="#211e1e" d="M472.616 26.286v13.143h26.256V26.286zM512 52.572h-39.384v13.142H512v13.143h-52.513V13.143H512z"/></svg>
React
import type { SVGProps } from "react";
export function LogosOpencode(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 92"><path fill="#cfcecd" d="M39.388 65.715H13.131V39.429h26.257z"/><path fill="#656363" d="M39.385 26.286H13.128v39.428h26.257zm13.128 52.571H0V13.143h52.513z"/><path fill="#cfcecd" d="M105.025 65.715H78.769V39.429h26.256z"/><path fill="#656363" d="M78.772 65.714h26.256V26.286H78.772zm39.385 13.143H78.772V92H65.644V13.143h52.513z"/><path fill="#cfcecd" d="M183.797 52.571v13.143h-39.384V52.571z"/><path fill="#656363" d="M183.794 52.572H144.41v13.142h39.384v13.143h-52.512V13.143h52.512zM144.41 39.429h26.256V26.286H144.41z"/><path fill="#cfcecd" d="M236.306 78.857H210.05V39.429h26.256z"/><path fill="#656363" d="M236.31 26.286h-26.256v52.571h-13.13V13.143h39.386zm13.128 52.571H236.31V26.286h13.128z"/><path fill="#cfcecd" d="M315.078 65.715h-39.384V39.429h39.384z"/><path fill="#211e1e" d="M315.075 26.286H275.69v39.428h39.385v13.143h-52.513V13.143h52.513z"/><path fill="#cfcecd" d="M367.588 65.715h-26.257V39.429h26.257z"/><path fill="#211e1e" d="M367.591 26.286h-26.257v39.428h26.257zm13.128 52.571h-52.513V13.143h52.513z"/><path fill="#cfcecd" d="M433.231 65.715h-26.256V39.429h26.256z"/><path fill="#211e1e" d="M433.228 26.286h-26.256v39.428h26.256zm13.129 52.571h-52.513V13.143h39.384V0h13.129z"/><path fill="#cfcecd" d="M511.997 52.571v13.143h-39.384V52.571z"/><path fill="#211e1e" d="M472.616 26.286v13.143h26.256V26.286zM512 52.572h-39.384v13.142H512v13.143h-52.513V13.143H512z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 92"><path fill="#cfcecd" d="M39.388 65.715H13.131V39.429h26.257z"/><path fill="#656363" d="M39.385 26.286H13.128v39.428h26.257zm13.128 52.571H0V13.143h52.513z"/><path fill="#cfcecd" d="M105.025 65.715H78.769V39.429h26.256z"/><path fill="#656363" d="M78.772 65.714h26.256V26.286H78.772zm39.385 13.143H78.772V92H65.644V13.143h52.513z"/><path fill="#cfcecd" d="M183.797 52.571v13.143h-39.384V52.571z"/><path fill="#656363" d="M183.794 52.572H144.41v13.142h39.384v13.143h-52.512V13.143h52.512zM144.41 39.429h26.256V26.286H144.41z"/><path fill="#cfcecd" d="M236.306 78.857H210.05V39.429h26.256z"/><path fill="#656363" d="M236.31 26.286h-26.256v52.571h-13.13V13.143h39.386zm13.128 52.571H236.31V26.286h13.128z"/><path fill="#cfcecd" d="M315.078 65.715h-39.384V39.429h39.384z"/><path fill="#211e1e" d="M315.075 26.286H275.69v39.428h39.385v13.143h-52.513V13.143h52.513z"/><path fill="#cfcecd" d="M367.588 65.715h-26.257V39.429h26.257z"/><path fill="#211e1e" d="M367.591 26.286h-26.257v39.428h26.257zm13.128 52.571h-52.513V13.143h52.513z"/><path fill="#cfcecd" d="M433.231 65.715h-26.256V39.429h26.256z"/><path fill="#211e1e" d="M433.228 26.286h-26.256v39.428h26.256zm13.129 52.571h-52.513V13.143h39.384V0h13.129z"/><path fill="#cfcecd" d="M511.997 52.571v13.143h-39.384V52.571z"/><path fill="#211e1e" d="M472.616 26.286v13.143h26.256V26.286zM512 52.572h-39.384v13.142H512v13.143h-52.513V13.143H512z"/></svg> </template>
CSS
.icon-opencode {
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%20512%2092%22%3E%3Cpath%20fill%3D%22%23cfcecd%22%20d%3D%22M39.388%2065.715H13.131V39.429h26.257z%22%2F%3E%3Cpath%20fill%3D%22%23656363%22%20d%3D%22M39.385%2026.286H13.128v39.428h26.257zm13.128%2052.571H0V13.143h52.513z%22%2F%3E%3Cpath%20fill%3D%22%23cfcecd%22%20d%3D%22M105.025%2065.715H78.769V39.429h26.256z%22%2F%3E%3Cpath%20fill%3D%22%23656363%22%20d%3D%22M78.772%2065.714h26.256V26.286H78.772zm39.385%2013.143H78.772V92H65.644V13.143h52.513z%22%2F%3E%3Cpath%20fill%3D%22%23cfcecd%22%20d%3D%22M183.797%2052.571v13.143h-39.384V52.571z%22%2F%3E%3Cpath%20fill%3D%22%23656363%22%20d%3D%22M183.794%2052.572H144.41v13.142h39.384v13.143h-52.512V13.143h52.512zM144.41%2039.429h26.256V26.286H144.41z%22%2F%3E%3Cpath%20fill%3D%22%23cfcecd%22%20d%3D%22M236.306%2078.857H210.05V39.429h26.256z%22%2F%3E%3Cpath%20fill%3D%22%23656363%22%20d%3D%22M236.31%2026.286h-26.256v52.571h-13.13V13.143h39.386zm13.128%2052.571H236.31V26.286h13.128z%22%2F%3E%3Cpath%20fill%3D%22%23cfcecd%22%20d%3D%22M315.078%2065.715h-39.384V39.429h39.384z%22%2F%3E%3Cpath%20fill%3D%22%23211e1e%22%20d%3D%22M315.075%2026.286H275.69v39.428h39.385v13.143h-52.513V13.143h52.513z%22%2F%3E%3Cpath%20fill%3D%22%23cfcecd%22%20d%3D%22M367.588%2065.715h-26.257V39.429h26.257z%22%2F%3E%3Cpath%20fill%3D%22%23211e1e%22%20d%3D%22M367.591%2026.286h-26.257v39.428h26.257zm13.128%2052.571h-52.513V13.143h52.513z%22%2F%3E%3Cpath%20fill%3D%22%23cfcecd%22%20d%3D%22M433.231%2065.715h-26.256V39.429h26.256z%22%2F%3E%3Cpath%20fill%3D%22%23211e1e%22%20d%3D%22M433.228%2026.286h-26.256v39.428h26.256zm13.129%2052.571h-52.513V13.143h39.384V0h13.129z%22%2F%3E%3Cpath%20fill%3D%22%23cfcecd%22%20d%3D%22M511.997%2052.571v13.143h-39.384V52.571z%22%2F%3E%3Cpath%20fill%3D%22%23211e1e%22%20d%3D%22M472.616%2026.286v13.143h26.256V26.286zM512%2052.572h-39.384v13.142H512v13.143h-52.513V13.143H512z%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%20512%2092%22%3E%3Cpath%20fill%3D%22%23cfcecd%22%20d%3D%22M39.388%2065.715H13.131V39.429h26.257z%22%2F%3E%3Cpath%20fill%3D%22%23656363%22%20d%3D%22M39.385%2026.286H13.128v39.428h26.257zm13.128%2052.571H0V13.143h52.513z%22%2F%3E%3Cpath%20fill%3D%22%23cfcecd%22%20d%3D%22M105.025%2065.715H78.769V39.429h26.256z%22%2F%3E%3Cpath%20fill%3D%22%23656363%22%20d%3D%22M78.772%2065.714h26.256V26.286H78.772zm39.385%2013.143H78.772V92H65.644V13.143h52.513z%22%2F%3E%3Cpath%20fill%3D%22%23cfcecd%22%20d%3D%22M183.797%2052.571v13.143h-39.384V52.571z%22%2F%3E%3Cpath%20fill%3D%22%23656363%22%20d%3D%22M183.794%2052.572H144.41v13.142h39.384v13.143h-52.512V13.143h52.512zM144.41%2039.429h26.256V26.286H144.41z%22%2F%3E%3Cpath%20fill%3D%22%23cfcecd%22%20d%3D%22M236.306%2078.857H210.05V39.429h26.256z%22%2F%3E%3Cpath%20fill%3D%22%23656363%22%20d%3D%22M236.31%2026.286h-26.256v52.571h-13.13V13.143h39.386zm13.128%2052.571H236.31V26.286h13.128z%22%2F%3E%3Cpath%20fill%3D%22%23cfcecd%22%20d%3D%22M315.078%2065.715h-39.384V39.429h39.384z%22%2F%3E%3Cpath%20fill%3D%22%23211e1e%22%20d%3D%22M315.075%2026.286H275.69v39.428h39.385v13.143h-52.513V13.143h52.513z%22%2F%3E%3Cpath%20fill%3D%22%23cfcecd%22%20d%3D%22M367.588%2065.715h-26.257V39.429h26.257z%22%2F%3E%3Cpath%20fill%3D%22%23211e1e%22%20d%3D%22M367.591%2026.286h-26.257v39.428h26.257zm13.128%2052.571h-52.513V13.143h52.513z%22%2F%3E%3Cpath%20fill%3D%22%23cfcecd%22%20d%3D%22M433.231%2065.715h-26.256V39.429h26.256z%22%2F%3E%3Cpath%20fill%3D%22%23211e1e%22%20d%3D%22M433.228%2026.286h-26.256v39.428h26.256zm13.129%2052.571h-52.513V13.143h39.384V0h13.129z%22%2F%3E%3Cpath%20fill%3D%22%23cfcecd%22%20d%3D%22M511.997%2052.571v13.143h-39.384V52.571z%22%2F%3E%3Cpath%20fill%3D%22%23211e1e%22%20d%3D%22M472.616%2026.286v13.143h26.256V26.286zM512%2052.572h-39.384v13.142H512v13.143h-52.513V13.143H512z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/opencode.svg?color=%231a73e8&size=48
