Sonarcloud Icon アイコン
logos:sonarcloud-icon
Sonarcloud Icon アイコン(logos:sonarcloud-icon)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 232 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 232
- タグ
- sonarcloudicon
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="232" viewBox="0 0 256 232"><path fill="#f3702a" d="M239 104.178a75.6 75.6 0 0 0-36.027-25.141v-.915C202.973 35.082 169.31 0 127.81 0C86.28 0 52.6 35.005 52.6 78.137v1.067C22.2 89.16 0 118.768 0 153.698c0 43.04 33.694 78.137 75.195 78.137a73.67 73.67 0 0 0 52.828-22.489a73.44 73.44 0 0 0 52.767 22.489c41.424 0 75.21-35.006 75.21-78.137c0-17.991-6.099-35.585-17-49.52m-58.21 107.898c-30.965 0-56.182-26.194-56.182-58.394a9.71 9.71 0 0 0-9.499-9.849a9.666 9.666 0 0 0-9.513 9.865a80.4 80.4 0 0 0 10.611 39.975a55 55 0 0 1-41.012 18.494c-30.98 0-56.213-26.208-56.213-58.393c0-32.17 25.232-58.378 56.213-58.378c6.708 0 13.233 1.25 19.484 3.567c.077 0 .138.077.214.077c2.165.762 5.214 2.24 6.16 3.064a9.15 9.15 0 0 0 13.324-1.067a10.047 10.047 0 0 0-1.036-13.874c-4.147-3.644-10.612-6.13-12.197-6.708a72.7 72.7 0 0 0-25.873-4.727c-1.205 0-2.394 0-3.598.076c1.28-31.102 25.949-55.969 56.213-55.969c30.965 0 56.182 26.193 56.182 58.394a59.4 59.4 0 0 1-23.632 47.598a10.11 10.11 0 0 0-2.24 13.692c1.829 2.652 4.802 4.147 7.76 4.147c1.905 0 3.811-.58 5.503-1.83a78.73 78.73 0 0 0 28.892-42.873c21.71 8.37 36.79 30.173 36.79 54.81c-.077 32.11-25.294 58.303-56.35 58.303"/></svg>Sonarcloud Icon アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:sonarcloud-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:sonarcloud-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:sonarcloud-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--sonarcloud-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:sonarcloud-icon"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:sonarcloud-icon"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/sonarcloud-icon.svg" alt="Sonarcloud Icon アイコン" width="24" height="24">SVG Logos の関連アイコン
Sonarcloud Icon アイコン のよくある質問
Sonarcloud Icon アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sonarcloud Icon アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:sonarcloud-icon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sonarcloud Icon アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/sonarcloud-icon.svg" alt="Sonarcloud Icon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。