Ikon Cobalt
logos:cobalt
Ikon Cobalt (logos:cobalt) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 256 × 294. 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
- 256 × 294
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="294" viewBox="0 0 256 294"><path fill="#248bd2" d="m197.244 224.288l9.345 16.182a2.397 2.397 0 0 1-.877 3.274l-4.817 2.782a2.357 2.357 0 0 1-3.219-.862l-9.35-16.193c-.615-1.065-1.935-1.456-3.046-.927a89.3 89.3 0 0 1-31.102 8.397c-1.232.1-2.186 1.104-2.186 2.339v18.618a2.36 2.36 0 0 1-2.361 2.36h-5.55a2.405 2.405 0 0 1-2.405-2.404v-18.576c0-1.228-.951-2.225-2.176-2.322a89.4 89.4 0 0 1-31.144-8.295c-1.13-.533-2.468-.135-3.093.947l-9.248 16.018a2.4 2.4 0 0 1-3.276.878l-4.812-2.78a2.36 2.36 0 0 1-.865-3.221l9.267-16.05c.624-1.08.297-2.438-.728-3.148a90.4 90.4 0 0 1-22.827-22.788c-.703-1.012-2.043-1.333-3.11-.717l-16.02 9.249a2.384 2.384 0 0 1-3.258-.873l-2.748-4.761a2.43 2.43 0 0 1 .89-3.322l15.968-9.22c1.067-.615 1.459-1.935.93-3.048a89.4 89.4 0 0 1-8.367-31.184c-.1-1.234-1.105-2.192-2.343-2.192H36.27a2.404 2.404 0 0 1-2.404-2.405v-5.556a2.354 2.354 0 0 1 2.355-2.355h18.46c1.258 0 2.278-.973 2.38-2.226a89.4 89.4 0 0 1 8.356-31.134c.532-1.122.138-2.454-.939-3.075l-15.972-9.224a2.41 2.41 0 0 1-.88-3.29l2.757-4.774a2.393 2.393 0 0 1 3.268-.876l16.015 9.249a2.34 2.34 0 0 0 3.103-.715a90.4 90.4 0 0 1 22.847-22.805c1.017-.704 1.341-2.05.722-3.121l-9.273-16.063a2.363 2.363 0 0 1 .865-3.227l4.813-2.78a2.394 2.394 0 0 1 3.27.877l9.262 16.044a2.35 2.35 0 0 0 3.058.936a89.4 89.4 0 0 1 31.149-8.304c1.234-.098 2.194-1.103 2.194-2.342V36.749a2.43 2.43 0 0 1 2.43-2.43h5.514a2.37 2.37 0 0 1 2.371 2.372v18.608c0 1.235.955 2.238 2.186 2.34a89.3 89.3 0 0 1 31.073 8.382c1.127.536 2.469.139 3.093-.943l9.329-16.153a2.366 2.366 0 0 1 3.233-.866l4.797 2.77a2.41 2.41 0 0 1 .88 3.289l-9.322 16.146c-.623 1.079-.3 2.436.722 3.147a91 91 0 0 1 12.763 10.72c2.917 2.949 7.559 3.275 10.74.614l31.822-26.618c3.303-2.761 3.614-7.741.678-10.888C225.402 16.603 183.868-1.792 138.094.826C68.685 4.795 5.605 66.678.423 136.008C-6.014 222.13 61.955 294 146.71 294c41.819 0 79.538-17.51 106.26-45.584c3.524-3.702 3.108-9.646-.812-12.925l-31.38-26.247c-2.785-2.33-6.863-2.061-9.39.546a91 91 0 0 1-13.431 11.396a2.34 2.34 0 0 0-.714 3.102"/><path fill="#423b3d" d="M146.809 161.102c-7.866 0-14.243-6.377-14.243-14.243s6.377-14.243 14.243-14.243s14.243 6.377 14.243 14.243s-6.377 14.243-14.243 14.243m2.601-57.722c-20.074-1.167-37.403 11.274-43.658 28.95c-.386 1.092.1 2.31 1.103 2.888l16.612 9.592c1.578.91 1.578 3.187 0 4.098l-16.615 9.593c-1.001.578-1.486 1.794-1.101 2.884c5.982 16.91 22.099 29.028 41.058 29.028c24.755 0 44.687-20.652 43.505-45.667c-.989-20.92-19.997-40.15-40.904-41.366"/></svg>Cara memakai ikon Cobalt
React
import { Icon } from "@iconify/react";
<Icon icon="logos:cobalt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:cobalt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:cobalt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--cobalt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:cobalt"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:cobalt"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/cobalt.svg" alt="Ikon Cobalt" width="24" height="24">Ikon Cobalt di set ikon lain
FAQ Ikon Cobalt
Apakah ikon Cobalt 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 Cobalt di React?
Pasang @iconify/react lalu render <Icon icon="logos:cobalt" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Cobalt ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/cobalt.svg" alt="Ikon Cobalt">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.