Dartboard icon

cbi:dartboard

The Dartboard icon (cbi:dartboard) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Custom Brand Icons
Author: Emanuele & rchiileea
License: CC-BY-NC-SA-4.0
Size: 24 × 24

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21.879 10.452a10 10 0 1 0-.007 3.14a10 10 0 0 0 .007-3.14m-1.245 2.946l.582.093a9.3 9.3 0 0 1-.916 2.786l-.525-.269a8.8 8.8 0 0 1-1.622 2.218l.416.418a9.3 9.3 0 0 1-2.376 1.719l-.267-.527a8.7 8.7 0 0 1-2.616.839l-.439-2.823a6 6 0 0 0 1.766-.567l-.224-.441a5.4 5.4 0 0 1-1.618.518l.076.49a6 6 0 0 1-1.823 0l-.397 2.822a8.7 8.7 0 0 0 2.659.006l.09.583a9.3 9.3 0 0 1-2.844-.007l.095-.582a8.7 8.7 0 0 1-2.61-.859l-.27.526a9.4 9.4 0 0 1-2.366-1.732l.419-.415a8.7 8.7 0 0 1-1.606-2.228l-.528.267a9.3 9.3 0 0 1-.896-2.792l.583-.09a8.8 8.8 0 0 0 .841 2.615l2.549-1.288a6 6 0 0 1-.567-1.766l-2.822.438a8.8 8.8 0 0 1 .005-2.748l-.582-.093a9.3 9.3 0 0 1 .917-2.787l.525.27A8.8 8.8 0 0 1 5.86 5.769l-.416-.419A9.3 9.3 0 0 1 7.82 3.628l.267.526a8.8 8.8 0 0 1 2.617-.839l-.091-.583a9.3 9.3 0 0 1 2.844.006l-.095.583a8.7 8.7 0 0 1 2.61.858l.27-.525a9.4 9.4 0 0 1 2.367 1.732l-.419.415a8.7 8.7 0 0 1 1.606 2.228l.527-.267a9.4 9.4 0 0 1 .897 2.792l-.584.091a8.7 8.7 0 0 1-.002 2.753m-8.733-1.801a.402.402 0 1 0 .455.334a.4.4 0 0 0-.455-.334m.508 1.28l2.007 3.962a5.4 5.4 0 0 0 1.376-.996l-3.127-3.148a1 1 0 0 1-.256.182m-.605.094l-.702 4.383a5.4 5.4 0 0 0 1.698 0l-.681-4.385a1 1 0 0 1-.315.002m1.137-1.131l4.386-.681a5.4 5.4 0 0 0-.519-1.617l-3.962 2.008a1 1 0 0 1 .095.29m-.276-.544l3.148-3.131a5.5 5.5 0 0 0-1.371-1.004l-2.027 3.95a1 1 0 0 1 .25.185m.177 1.149l3.949 2.027a5.4 5.4 0 0 1-1.004 1.371l.35.351a6 6 0 0 0 1.094-1.496l-.441-.226a5.4 5.4 0 0 0 .531-1.614l-4.383-.703a1 1 0 0 1-.096.29m-1.713-5.817l.681 4.387a1 1 0 0 1 .311 0l.702-4.384a5.4 5.4 0 0 0-1.694-.003m-.081 5.517l-4.362.681a5.4 5.4 0 0 0 .52 1.618l3.873-2.008a1 1 0 0 1-.031-.291M8.2 15.82a5.4 5.4 0 0 0 1.372 1.004l1.939-3.95a1 1 0 0 1-.251-.183Zm1.372 1.002l-.226.441a6 6 0 0 0 1.702.579l.049-.488a5.4 5.4 0 0 1-1.525-.532m6.24-8.657a5.5 5.5 0 0 1 .996 1.377l.442-.224a6 6 0 0 0-1.086-1.505l2.021-2.011a8.8 8.8 0 0 0-2.208-1.622l-1.305 2.542a6 6 0 0 1 1.497 1.094Zm1.511 4.693l.489.079a6 6 0 0 0 0-1.853l-.489.076a5.4 5.4 0 0 1 0 1.698m-2.882-5.696l.226-.44a6 6 0 0 0-1.76-.579l-.08.489a5.4 5.4 0 0 1 1.614.53M8.2 15.82a5.4 5.4 0 0 1-.994-1.376l-.443.224a6 6 0 0 0 1.086 1.505Zm2.929-9.192l-.076-.49a6 6 0 0 0-1.676.567l-1.29-2.55A8.7 8.7 0 0 0 5.86 5.769l2.014 2.022a6 6 0 0 0-1.093 1.496l.441.226a5.4 5.4 0 0 1 1.004-1.371l-.35-.351a6 6 0 0 1 1.506-1.085l.223.44a5.4 5.4 0 0 0-1.375.996l3.034 3.148a1 1 0 0 1 .251-.182L9.597 7.145a5.4 5.4 0 0 1 1.532-.517m-4.438 4.499l4.357.708a1 1 0 0 1 .038-.294L7.221 9.513a5.4 5.4 0 0 0-.53 1.614l-.489-.079a6 6 0 0 0 0 1.854l.489-.076a5.4 5.4 0 0 1 0-1.699m2.655 6.136a6 6 0 0 1-1.497-1.094l-2.021 2.015a8.8 8.8 0 0 0 2.217 1.621Zm7.904-7.945a6 6 0 0 1 .566 1.766l2.824-.439a8.7 8.7 0 0 0-.84-2.615Zm-.017 5.385l2.541 1.305a8.7 8.7 0 0 0 .86-2.61l-2.822-.456a6 6 0 0 1-.579 1.761m-2.596 2.577l1.289 2.551a8.7 8.7 0 0 0 2.227-1.606l-2.014-2.027a6 6 0 0 1-1.502 1.082m-1.73-11.137l.46-2.822a8.8 8.8 0 0 0-2.658-.006l.349 2.823a6 6 0 0 1 1.849.005M4.239 7.982a8.8 8.8 0 0 0-.86 2.61l2.823.456a5.8 5.8 0 0 1 .579-1.761Z"/></svg>

How to use the Dartboard icon

React

import { Icon } from "@iconify/react";

<Icon icon="cbi:dartboard" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="cbi:dartboard" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="cbi:dartboard" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--dartboard]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:dartboard"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="cbi:dartboard"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/cbi/dartboard.svg" alt="Dartboard icon" width="24" height="24">

Dartboard icon in other icon sets

Dartboard icon FAQ

Is the Dartboard icon free for commercial use?

No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.

How do I use the Dartboard icon in React?

Install @iconify/react and render <Icon icon="cbi:dartboard" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Dartboard icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/dartboard.svg" alt="Dartboard icon">, or paste the SVG code inline to style it with CSS.

Browse all Custom Brand Icons →