Codecov Icon アイコン
logos:codecov-icon
Codecov Icon アイコン(logos:codecov-icon)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 245 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 245
- タグ
- codecovicon
SVG コード
<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>Codecov 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 コンポーネント
<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 画像
<img src="https://iconyz.com/api/public/svg/logos/codecov-icon.svg" alt="Codecov Icon アイコン" width="24" height="24">SVG Logos の関連アイコン
Codecov Icon アイコン のよくある質問
Codecov Icon アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Codecov Icon アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:codecov-icon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Codecov Icon アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/codecov-icon.svg" alt="Codecov Icon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。