Qiskit icon
carbon:qiskit
The Qiskit icon (carbon:qiskit) is a free SVG icon from the Carbon set by IBM. It is drawn on a 32 × 32 grid. Carbon icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
SVG code
<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>How to use the Qiskit icon
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 component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="carbon:qiskit"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/carbon/qiskit.svg" alt="Qiskit icon" width="24" height="24">Qiskit icon in other icon sets
Qiskit icon FAQ
Is the Qiskit icon free for commercial use?
Yes. Carbon icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Qiskit icon in React?
Install @iconify/react and render <Icon icon="carbon:qiskit" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Qiskit icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/carbon/qiskit.svg" alt="Qiskit icon">, or paste the SVG code inline to style it with CSS.