Brain Sparkles icon

keyline-icons:brain-sparkles

The Brain Sparkles icon (keyline-icons:brain-sparkles) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline Icons are released under the MIT 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: Keyline Icons
Author: Keyline Icons
License: MIT
Size: 24 × 24
Tags: brainsparkles, sparkle

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M9.25 2C10.7688 2 12 3.2312 12 4.75C12 3.2312 13.2312 2 14.75 2C15.7872 2 16.7362 2.5836 17.2042 3.5093M4.5788 14.2447C3.764 14.1938 3.0139 13.7836 2.5315 13.125C2.1862 12.6536 2 12.0844 2 11.5M2.5315 13.125C2.1862 13.5964 2 14.1656 2 14.75C2 15.7702 2.5648 16.7065 3.4671 17.1824C3.7892 17.3523 3.9935 17.6838 4.0005 18.0478C4.0175 18.9378 4.5064 19.7516 5.2842 20.1845C5.4183 20.2591 5.5334 20.3635 5.6206 20.4898C6.2742 21.4355 7.3504 22 8.5 22C10.2632 22 11.7219 20.6961 11.9646 19M12.0354 19C12.2781 20.6961 13.7368 22 15.5 22C16.6496 22 17.7258 21.4355 18.3794 20.4898C18.4666 20.3635 18.5817 20.2591 18.7158 20.1845C19.4936 19.7516 19.9825 18.9378 19.9995 18.0478C20.0065 17.6838 20.2108 17.3523 20.5329 17.1824C21.4352 16.7065 22 15.7702 22 14.75C22 14.1656 21.8138 13.5964 21.4685 13.125M19.4212 14.2447C20.236 14.1938 20.9861 13.7836 21.4685 13.125C21.8138 12.6536 22 12.0844 22 11.5C22 10.8014 21.7341 10.1289 21.2563 9.6192C21.1037 9.4565 21.0099 9.2474 20.9899 9.0252C20.8903 7.9221 20.0767 7.016 18.9907 6.7986M15.1844 4.4211C15.6081 3.8422 16.2825 3.5 17 3.5C17.0682 3.5 17.1363 3.5031 17.2042 3.5093C18.3629 3.6149 19.25 4.5865 19.25 5.75C19.25 6.1154 19.161 6.4753 18.9907 6.7986"/><path fill="currentColor" d="M12.5492 8.3739L13.1373 9.8648C13.3173 10.3213 13.6787 10.6827 14.1352 10.8627L15.6261 11.4508C15.8518 11.5397 16 11.7576 16 12C16 12.2424 15.8518 12.4603 15.6261 12.5492L14.1352 13.1373C13.6787 13.3173 13.3173 13.6787 13.1373 14.1352L12.5492 15.6261C12.4603 15.8518 12.2424 16 12 16C11.7576 16 11.5397 15.8518 11.4508 15.6261L10.8627 14.1352C10.6827 13.6787 10.3213 13.3173 9.8648 13.1373L8.3739 12.5492C8.1482 12.4603 8 12.2424 8 12C8 11.7576 8.1482 11.5397 8.3739 11.4508L9.8648 10.8627C10.3213 10.6827 10.6827 10.3213 10.8627 9.8648L11.4508 8.3739C11.5397 8.1482 11.7576 8 12 8C12.2424 8 12.4603 8.1482 12.5492 8.3739ZM3.8433 3.2337L4.2108 4.1655C4.3233 4.4508 4.5492 4.6767 4.8345 4.7892L5.7663 5.1567C5.9074 5.2123 6 5.3485 6 5.5C6 5.6515 5.9074 5.7877 5.7663 5.8433L4.8345 6.2108C4.5492 6.3233 4.3233 6.5492 4.2108 6.8345L3.8433 7.7663C3.7877 7.9074 3.6515 8 3.5 8C3.3485 8 3.2123 7.9074 3.1567 7.7663L2.7892 6.8345C2.6767 6.5492 2.4508 6.3233 2.1655 6.2108L1.2337 5.8433C1.0926 5.7877 1 5.6515 1 5.5C1 5.3485 1.0926 5.2123 1.2337 5.1567L2.1655 4.7892C2.4508 4.6767 2.6767 4.4508 2.7892 4.1655L3.1567 3.2337C3.2123 3.0926 3.3485 3 3.5 3C3.6515 3 3.7877 3.0926 3.8433 3.2337Z" stroke="none"/></g></svg>

How to use the Brain Sparkles icon

React

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

<Icon icon="keyline-icons:brain-sparkles" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:brain-sparkles" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:brain-sparkles" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--brain-sparkles]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:brain-sparkles"></div>

Web component

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

<iconify-icon icon="keyline-icons:brain-sparkles"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/keyline-icons/brain-sparkles.svg" alt="Brain Sparkles icon" width="24" height="24">

Related icons in Keyline Icons

Brain Sparkles icon FAQ

Is the Brain Sparkles icon free for commercial use?

Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Brain Sparkles icon in React?

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

How do I add the Brain Sparkles icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/brain-sparkles.svg" alt="Brain Sparkles icon">, or paste the SVG code inline to style it with CSS.

Browse all Keyline Icons →