Ikon Codeclimate
logos:codeclimate
Ikon Codeclimate (logos:codeclimate) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 57. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 512 × 57
Kode 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>Cara memakai ikon 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 component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:codeclimate"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/codeclimate.svg" alt="Ikon Codeclimate" width="24" height="24">Ikon terkait di SVG Logos
Ikon Codeclimate di set ikon lain
FAQ Ikon Codeclimate
Apakah ikon Codeclimate gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Codeclimate di React?
Pasang @iconify/react lalu render <Icon icon="logos:codeclimate" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Codeclimate ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/codeclimate.svg" alt="Ikon Codeclimate">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.