Opencode icon
logos:opencode
The Opencode icon (logos:opencode) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 92 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 512 × 92
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="92" 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>How to use the Opencode icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:opencode" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:opencode" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:opencode" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--opencode]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:opencode"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:opencode"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/opencode.svg" alt="Opencode icon" width="24" height="24">Related icons in SVG Logos
Opencode icon in other icon sets
Opencode icon FAQ
Is the Opencode icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Opencode icon in React?
Install @iconify/react and render <Icon icon="logos:opencode" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Opencode icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/opencode.svg" alt="Opencode icon">, or paste the SVG code inline to style it with CSS.