ICONYZ
English
Qiskit icon from Carbon

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.

Icon set
Carbon
Author
IBM
License
Apache-2.0
Size
32 × 32
Category
Enterprise
Download SVG

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.

Browse all Carbon icons →