Qiskit アイコン
carbon:qiskit
Qiskit アイコン(carbon:qiskit)は、Carbon セットの無料 SVG アイコンです(作者: IBM)。 32 × 32 のグリッドで描かれています。 Carbon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15s15-6.729 15-15S24.271 1 16 1m6.583 20.5A2.99 2.99 0 0 0 20 20c-.182 0-.359.023-.532.054l-1.726-3.02C24.53 17.271 27.864 18.858 28 19.5c-.098.462-1.89 1.414-5.416 2M20 22a1.001 1.001 0 0 1 0 2a1 1 0 0 1 0-2M3 16c0-.543.044-1.076.11-1.602c.855.666 2.155 1.197 3.723 1.602c-1.568.405-2.868.937-3.724 1.603A13 13 0 0 1 3 16m6.418-5.5A2.99 2.99 0 0 0 12 12c.182 0 .359-.023.532-.054l1.726 3.02C7.454 14.728 4.119 13.134 4 12.506c.086-.461 1.878-1.416 5.417-2.005ZM12 10a1.001 1.001 0 0 1 0-2a1.001 1.001 0 0 1 0 2m13.167 6c1.568-.405 2.868-.937 3.724-1.603c.065.527.109 1.06.109 1.603s-.044 1.076-.11 1.602c-.855-.666-2.155-1.197-3.723-1.602M16 3c4.902 0 9.176 2.729 11.39 6.745c-2.289-.996-5.8-1.551-9.39-1.7v2c6.61.269 9.866 1.823 10 2.455c-.144.676-3.854 2.406-11.424 2.492l-2.312-4.046c.452-.525.736-1.2.736-1.946c0-1.654-1.346-3-3-3a3 3 0 0 0-2.953 2.537c-1.706.284-3.236.684-4.435 1.205C6.827 5.728 11.1 3 16 3m0 26c-4.902 0-9.176-2.728-11.39-6.745c2.289.996 5.8 1.551 9.39 1.7v-2c-6.628-.27-9.882-1.83-10-2.45c.126-.673 3.836-2.41 11.424-2.497l2.312 4.046A2.97 2.97 0 0 0 17 23c0 1.654 1.346 3 3 3a3 3 0 0 0 2.953-2.537c1.706-.284 3.236-.684 4.435-1.205C25.173 26.272 20.9 29 16 29"/></svg>Qiskit アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="carbon:qiskit" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="carbon:qiskit" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="carbon:qiskit" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--qiskit]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:qiskit"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="carbon:qiskit"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/carbon/qiskit.svg" alt="Qiskit アイコン" width="24" height="24">他のアイコンセットの Qiskit アイコン
Qiskit アイコン のよくある質問
Qiskit アイコンは商用利用でも無料ですか?
はい。Carbon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Qiskit アイコンを使うには?
@iconify/react をインストールして <Icon icon="carbon:qiskit" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Qiskit アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/carbon/qiskit.svg" alt="Qiskit アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。