Codecov Icon icon
logos:codecov-icon
The Codecov Icon icon (logos:codecov-icon) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 245 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
- 256 × 245
- Tags
- codecovicon
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="245" viewBox="0 0 256 245"><path fill="#f07" d="M128.285 0C57.585 0 0 56.976 0 126.486v.57l21.666 12.534h.57c13.684-9.116 30.218-12.534 46.753-9.685c11.403 2.279 22.236 7.406 30.788 15.383l3.991 3.419l2.281-4.559c2.28-4.558 4.561-8.546 6.842-12.534c1.14-1.71 2.28-2.849 3.42-4.558l2.281-2.849l-2.85-2.279c-11.974-9.686-26.228-16.523-41.622-19.372c-14.824-2.849-29.648-2.279-43.332 2.28c10.263-45.012 50.174-76.918 97.497-76.918c26.797 0 51.884 10.256 70.7 29.058c13.683 13.104 22.806 29.627 26.797 47.86c-8.553-2.85-17.675-3.989-26.798-3.989h-1.71c-3.421 0-6.842.57-10.833.57h-.57c-1.14 0-2.851.57-3.991.57c-2.28.57-3.991.57-6.272 1.139l-1.71.57l-5.132 1.709h-.57c-3.991 1.14-7.412 2.849-11.403 4.558c-1.71.57-3.421 1.71-5.132 2.849h-.57c-8.552 5.128-16.534 11.395-22.806 19.372l-.57 1.14c-1.71 2.278-2.85 3.987-3.991 5.127c-1.14 1.14-1.71 2.849-2.85 4.558l-.571 1.14c-1.14 1.709-1.71 3.418-2.28 4.558v.57c-1.711 3.418-3.422 7.406-4.562 11.394v.57c-2.85 9.116-4.561 18.802-4.561 29.058v10.826c0 1.139.57 2.848.57 3.987c2.85 13.675 9.122 26.779 18.815 38.744l.57.57l.57-.57c3.991-4.558 13.114-18.802 14.254-27.348c-4.561-8.547-6.842-18.233-6.842-27.349c0-31.906 25.087-58.685 57.586-60.394h2.28c13.114-.57 26.228 3.419 37.06 10.825h.571L256 127.056v-.57c0-33.616-13.114-65.522-37.63-89.452C194.423 13.104 162.494 0 128.285 0"/></svg>How to use the Codecov Icon icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:codecov-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:codecov-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:codecov-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--codecov-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:codecov-icon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:codecov-icon"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/codecov-icon.svg" alt="Codecov Icon icon" width="24" height="24">Related icons in SVG Logos
Codecov Icon icon FAQ
Is the Codecov Icon 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 icon in React?
Install @iconify/react and render <Icon icon="logos:codecov-icon" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Codecov Icon icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/codecov-icon.svg" alt="Codecov Icon icon">, or paste the SVG code inline to style it with CSS.