Codeclimate アイコン
logos:codeclimate
Codeclimate アイコン(logos:codeclimate)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 512 × 57 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 512 × 57
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="57" viewBox="0 0 512 57"><path fill="#2b2b2b" d="M145.905 11.542c5.623 0 9.47 1.776 13.022 5.031c.592.592.592.888 0 1.184l-4.143 4.44c-.296.295-.888.295-1.184 0c-2.072-1.776-4.735-2.96-7.103-2.96c-6.215 0-10.654 5.031-10.654 11.246s4.44 11.246 10.95 11.246c2.664 0 5.327-.887 7.103-2.663c.296-.296.888-.296 1.184 0l4.143 4.44c.296.295.296.887 0 1.183c-3.551 3.551-8.583 5.327-13.318 5.327c-10.95 0-20.125-8.582-20.125-19.829s9.47-18.645 20.125-18.645M182.9 42.617c6.215 0 10.95-5.03 10.95-10.95c0-6.215-5.03-10.95-10.95-10.95s-10.95 5.031-10.95 10.95c0 5.92 5.031 10.95 10.95 10.95m0-31.075c10.95 0 20.125 8.879 20.125 20.125s-8.582 19.829-20.125 19.829s-19.828-8.583-19.828-19.829s8.878-20.125 19.828-20.125m40.25 31.075c6.215 0 10.654-4.735 10.654-11.246c0-6.215-4.439-11.246-10.654-11.246h-5.327v21.9zm-14.206-29.3c0-.591.592-.887.888-.887h13.318c10.654 0 19.237 8.583 19.237 18.941a19.2 19.2 0 0 1-19.237 19.237h-13.318c-.592 0-.888-.592-.888-.888zm40.546 0c0-.591.592-.887.888-.887h22.788c.592 0 .888.592.888.888v5.919c0 .592-.592.888-.888.888h-15.093v7.103h12.43c.592 0 .888.592.888.888v5.919c0 .592-.592.888-.888.888h-12.43v7.398h15.093c.592 0 .888.592.888.888v5.92c0 .591-.592.887-.888.887h-22.788c-.592 0-.888-.592-.888-.888zm61.261-1.775c5.624 0 9.471 1.776 13.022 5.031c.592.592.592.888 0 1.184l-4.143 4.44c-.296.295-.888.295-1.184 0c-2.071-1.776-4.735-2.96-7.103-2.96c-6.215 0-10.654 5.031-10.654 11.246s4.143 11.542 10.654 11.542c2.664 0 5.328-.887 7.103-2.663c.296-.296.888-.296 1.184 0l4.143 4.44c.296.295.296.887 0 1.183c-3.551 3.551-8.582 5.327-13.318 5.327c-10.95 0-20.124-8.583-20.124-19.829s9.47-18.94 20.42-18.94m20.125 1.776c0-.592.592-.888 1.184-.888h6.511c.592 0 .888.592.888.888v29.595h13.022c.592 0 .888.592.888.888v5.623c0 .592-.592.888-.888.888h-20.717c-.592 0-.888-.592-.888-.888zm28.116 0c0-.592.592-.888.888-.888h6.807c.592 0 .888.592.888.888V49.72c0 .592-.592.888-.888.888h-6.807c-.592 0-.888-.592-.888-.888zm21.605-.888c0-.592.591-.888.887-.888h.888c.296 0 .888.296.888.592l12.43 23.972l12.43-23.972c.296-.296.592-.592.888-.592h.888q.888 0 .888.888l6.215 36.994c0 .888-.296.888-.888.888H409.6c-.592 0-.888-.592-.888-.888l-2.663-16.87l-9.175 18.054c-.296.296-.592.592-.888.592h-.888c-.296 0-.888-.296-.888-.592l-9.174-18.053l-2.664 17.165c0 .592-.592.888-.888.888h-6.51c-.592 0-.888-.592-.888-.888zm58.006-.592c.296 0 .888.296.888.592l17.166 36.994c.296.888 0 1.184-.888 1.184h-6.215c-.888 0-1.184-.296-2.072-1.184l-2.072-4.143h-14.5l-2.072 4.44c-.296.591-.888 1.183-2.072 1.183h-6.215c-.592-.296-.592-.888-.592-1.776l17.166-36.698c.296-.296.592-.592.888-.592zm42.026.592c.592 0 .888.592.888.888v5.919c0 .592-.592.888-.888.888h-7.99v29.3c0 .591-.593.887-.889.887h-6.51c-.593 0-.889-.592-.889-.888v-29.3h-7.99c-.592 0-.888-.591-.888-.887v-5.92c0-.591.592-.887.888-.887zm-42.026 15.982l-4.143 8.878h8.287zm48.833-15.094c0-.592.592-.888.888-.888h22.788c.592 0 .888.592.888.888v5.919c0 .592-.592.888-.888.888h-15.094v7.103h12.43c.592 0 .888.592.888.888v5.919c0 .592-.591.888-.887.888h-12.43v7.398h15.093c.592 0 .888.592.888.888v5.92c0 .591-.592.887-.888.887h-22.788c-.592 0-.888-.592-.888-.888zM34.035 11.352l11.542 11.543l11.542 11.838l10.95 10.95l-11.542 11.246l-10.95-10.654l-11.542-11.542l-3.256 2.663L15.982 52.49l-4.44 4.44L0 45.682l4.143-5.031zM68.66 0l34.035 33.739l-11.542 11.838L68.66 23.084l-7.99 7.991l-11.543-11.542z"/></svg>Codeclimate アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:codeclimate" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:codeclimate" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:codeclimate" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--codeclimate]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:codeclimate"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:codeclimate"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/codeclimate.svg" alt="Codeclimate アイコン" width="24" height="24">SVG Logos の関連アイコン
他のアイコンセットの Codeclimate アイコン
Codeclimate アイコン のよくある質問
Codeclimate アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Codeclimate アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:codeclimate" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Codeclimate アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/codeclimate.svg" alt="Codeclimate アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。