Codecov icon

logos:codecov

The Codecov icon (logos:codecov) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 99 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 × 99

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="99" viewBox="0 0 512 99"><path fill="#f07" d="M163.464 25c7.35 0 13.23 2.45 18.13 7.509l.326.326l6.533-6.365l-.164-.327c-5.88-6.528-14.862-10.119-25.152-10.119c-20.252 0-35.115 14.036-35.115 33.459c0 19.422 14.7 33.458 34.952 33.458c10.29 0 19.272-3.59 25.315-10.282l.164-.327l-6.533-6.365l-.327.326c-4.9 5.06-10.943 7.671-18.129 7.671c-14.7 0-25.315-10.282-25.315-24.481S148.928 25 163.464 25m52.917 49.453c-9.636 0-16.332-7.018-16.332-16.81c0-9.957 6.696-16.812 16.332-16.812s16.333 6.855 16.333 16.811s-6.696 16.81-16.333 16.81m0-42.108c-15.189 0-26.132 10.61-26.132 25.298c0 14.69 10.943 25.298 26.132 25.298s26.132-10.609 26.132-25.298s-11.106-25.298-26.132-25.298m55.53 42.109c-9.635 0-16.495-7.018-16.495-16.974s6.696-16.974 16.496-16.974c9.636 0 16.332 7.018 16.332 16.974s-6.696 16.974-16.332 16.974M288.245 39.2c-4.083-4.733-9.962-7.181-16.985-7.181c-15.026 0-25.48 10.446-25.48 25.46c0 15.016 10.454 25.462 25.48 25.462c7.186 0 13.392-2.775 17.312-7.671v7.018h9.31V12.76h-9.8zm40.995 1.306c8.003 0 14.046 5.386 15.19 13.22h-30.216c.98-7.834 6.86-13.22 15.026-13.22m0-8.16c-14.373 0-24.662 10.608-24.662 25.297c0 14.852 10.78 25.298 26.459 25.298c8.166 0 14.862-2.775 19.435-7.998l.164-.163l-5.39-6.202l-.327.327c-3.43 3.754-8.003 5.712-13.719 5.712c-9.146 0-15.843-5.223-17.15-13.546h39.199v-.327c.163-.816.163-1.958.163-2.774c.164-15.18-9.963-25.625-24.172-25.625M398.162 67.6c-2.94 4.407-7.513 6.855-13.229 6.855c-9.963 0-16.66-6.855-16.66-16.81c0-9.957 6.86-16.812 16.66-16.812c5.716 0 10.29 2.285 13.23 6.855l.163.327l7.513-4.733l-.164-.327c-3.92-6.692-11.432-10.609-20.579-10.609c-15.352 0-26.622 10.61-26.622 25.298c0 14.69 11.27 25.298 26.622 25.298c9.147 0 16.66-3.917 20.58-10.772l.163-.327l-7.513-4.57zm37.075 6.855c-9.636 0-16.332-7.018-16.332-16.81c0-9.957 6.696-16.812 16.332-16.812s16.333 6.855 16.333 16.811s-6.697 16.81-16.333 16.81m0-42.108c-15.19 0-26.132 10.61-26.132 25.298c0 14.69 10.943 25.298 26.132 25.298s26.132-10.609 26.132-25.298s-11.106-25.298-26.132-25.298m67.29 0l-16.659 38.192l-16.333-38.192h-9.962l21.395 48.8l.164.164h9.472L512 32.345zM51.953 0C23.321 0 0 23.074 0 51.225v.23l8.774 5.077h.231c5.542-3.692 12.238-5.076 18.934-3.923c4.619.923 9.006 3 12.47 6.23l1.616 1.385l.923-1.846c.924-1.846 1.847-3.461 2.771-5.076c.462-.693.924-1.154 1.385-1.846l.924-1.154l-1.154-.923c-4.85-3.923-10.622-6.692-16.856-7.845c-6.004-1.154-12.007-.923-17.55.923c4.157-18.229 20.32-31.15 39.485-31.15c10.853 0 21.013 4.153 28.633 11.767c5.541 5.307 9.236 11.999 10.852 19.383c-3.463-1.154-7.158-1.616-10.852-1.616h-.693c-1.386 0-2.771.231-4.387.231h-.231c-.462 0-1.155.23-1.617.23c-.923.232-1.616.232-2.54.462l-.692.231l-2.078.692h-.231c-1.617.462-3.002 1.154-4.618 1.846c-.693.231-1.386.693-2.078 1.154h-.231c-3.464 2.077-6.697 4.615-9.237 7.845l-.23.462c-.693.923-1.155 1.615-1.617 2.076s-.692 1.154-1.154 1.846l-.231.462c-.462.692-.693 1.384-.924 1.846v.23c-.693 1.385-1.385 3-1.847 4.615v.231c-1.155 3.692-1.847 7.615-1.847 11.768v4.384c0 .462.23 1.154.23 1.615c1.155 5.538 3.695 10.845 7.62 15.69l.231.232l.231-.231c1.617-1.846 5.311-7.615 5.773-11.076a23.85 23.85 0 0 1-2.771-11.075c0-12.922 10.16-23.767 23.321-24.46h.924c5.31-.23 10.622 1.385 15.009 4.385h.23l8.775-5.076v-.231c0-13.614-5.31-26.536-15.24-36.227C78.738 5.308 65.808 0 51.953 0"/></svg>

How to use the Codecov icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:codecov" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:codecov" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:codecov" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--codecov]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:codecov"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:codecov"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/codecov.svg" alt="Codecov icon" width="24" height="24">

Related icons in SVG Logos

Codecov icon in other icon sets

Codecov icon FAQ

Is the Codecov 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 Codecov icon in React?

Install @iconify/react and render <Icon icon="logos:codecov" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Codecov icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/codecov.svg" alt="Codecov icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →