Sonarcloud アイコン
material-icon-theme:sonarcloud
Sonarcloud アイコン(material-icon-theme:sonarcloud)は、Material Icon Theme セットの無料 SVG アイコンです（作者: Material Extensions）。 24 × 24 のグリッドで描かれています。 Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Icon Theme
- 作者
- Material Extensions
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#ef6c00" d="M11.985 2.949c-3.269 0-5.909 2.745-5.936 6.12c-2.332.834-4.022 3.116-4.022 5.813c0 3.392 2.663 6.169 5.948 6.169c1.513-.003 2.943-.625 4.025-1.675c1.081 1.052 2.513 1.673 4.026 1.675c3.278 0 5.947-2.77 5.947-6.17v-.001c0-1.145-.314-2.26-.891-3.237a8.3 8.3 0 0 0-1.192-1.379l-.089-.081a5 5 0 0 0-.163-.14l-.02-.016l-.037-.03a5.7 5.7 0 0 0-1.666-.945c-.036-3.36-2.669-6.103-5.93-6.103m.007 1.937c2.242 0 4.072 1.894 4.072 4.238v.002a4.32 4.32 0 0 1-1.717 3.46h-.002a.985.985 0 0 0-.218 1.33l.002.002c.179.262.47.41.766.41a.9.9 0 0 0 .546-.182c1.04-.78 1.769-1.882 2.16-3.115a4.24 4.24 0 0 1 2.51 3.855c-.006 2.337-1.836 4.234-4.085 4.234c-2.24 0-4.07-1.895-4.071-4.238v-.002a.954.954 0 0 0-.932-.964h-.007a.95.95 0 0 0-.936.966v.002c0 1.08.317 2.077.788 2.961a3.97 3.97 0 0 1-2.894 1.28c-2.242 0-4.075-1.897-4.075-4.24c0-2.341 1.833-4.238 4.075-4.238c.487 0 .957.09 1.412.258l.007.004l.016.004l.005.002l.008.004c.07.025.154.061.23.098c.08.04.156.09.155.09a.913.913 0 0 0 1.32-.11a.98.98 0 0 0-.102-1.347l-.002-.002c-.362-.318-.864-.504-.994-.552h-.002a5.8 5.8 0 0 0-2.047-.374h-.01c.206-2.15 1.91-3.836 4.023-3.836z"/></svg>Sonarcloud アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-icon-theme:sonarcloud" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-icon-theme:sonarcloud" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-icon-theme:sonarcloud" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--sonarcloud]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:sonarcloud"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-icon-theme:sonarcloud"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-icon-theme/sonarcloud.svg" alt="Sonarcloud アイコン" width="24" height="24">他のアイコンセットの Sonarcloud アイコン
Sonarcloud アイコン のよくある質問
Sonarcloud アイコンは商用利用でも無料ですか?
はい。Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sonarcloud アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-icon-theme:sonarcloud" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sonarcloud アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-icon-theme/sonarcloud.svg" alt="Sonarcloud アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。