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