Codecov アイコン

Q: Codecov アイコンは商用利用でも無料ですか?

はい。theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

thesvg:codecov

Codecov アイコン(thesvg:codecov)は、theSVG セットの無料 SVG アイコンです（作者: thesvg.org）。 24 × 24 のグリッドで描かれています。 theSVG icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG
作者: thesvg.org
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.006.481C5.391.486.005 5.831 0 12.399v.03l2.042 1.19l.028-.018a5.8 5.8 0 0 1 3.308-1.02q.556 0 1.085.1l-.036-.006a5.7 5.7 0 0 1 2.874 1.43l-.004-.002l.35.326l.198-.434c.192-.42.414-.814.66-1.173c.1-.144.208-.29.332-.446l.205-.257l-.252-.211a8.33 8.33 0 0 0-3.836-1.807l-.052-.008a8.6 8.6 0 0 0-4.08.251l.06-.016c.972-4.256 4.714-7.223 9.133-7.226a9.3 9.3 0 0 1 6.6 2.713a9.2 9.2 0 0 1 2.508 4.498a8.4 8.4 0 0 0-2.498-.379h-.154q-.533.01-1.036.078l.045-.005l-.042.006a8 8 0 0 0-.39.06l-.17.033a8 8 0 0 0-.392.09l-.138.034a9 9 0 0 0-.483.144l-.03.01c-.354.12-.708.268-1.05.44l-.027.013a8 8 0 0 0-.47.256l-.035.022a8.2 8.2 0 0 0-2.108 1.8l-.011.014l-.075.092a8 8 0 0 0-.378.503c-.088.13-.177.269-.288.452l-.06.104a9 9 0 0 0-.234.432l-.016.029c-.17.34-.317.698-.44 1.063l-.017.053a8 8 0 0 0-.41 2.716v-.007v.112a12 12 0 0 0 .023.431l-.002-.037a12 12 0 0 0 .042.412l.005.042l.013.103q.027.19.062.378c.241 1.266.845 2.532 1.745 3.66l.041.051l.042-.05c.359-.424 1.249-1.77 1.325-2.577v-.015l-.006-.013a5.56 5.56 0 0 1-.64-2.595c0-3.016 2.37-5.521 5.396-5.702l.2-.007a5.93 5.93 0 0 1 3.47 1.025l.027.019L24 12.416v-.03a11.77 11.77 0 0 0-3.51-8.423A11.96 11.96 0 0 0 12.007.48z"/></svg>

Codecov アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg/codecov.svg" alt="Codecov アイコン" width="24" height="24">

他のアイコンセットの Codecov アイコン

Codecov アイコンのよくある質問

Codecov アイコンは商用利用でも無料ですか?

はい。theSVG icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Codecov アイコンを使うには?

@iconify/react をインストールして <Icon icon="thesvg:codecov" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Codecov アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg/codecov.svg" alt="Codecov アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

theSVG アイコンをすべて見る →