ai sparkles icon
ai-sparkles from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- ai-sparkles
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
Use the ai sparkles icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m11.983 10.879l1.592.53c.567.19.567.992 0 1.181l-1.592.531a3.73 3.73 0 0 0-2.362 2.362l-.53 1.592c-.19.567-.992.567-1.181 0l-.531-1.592a3.73 3.73 0 0 0-2.362-2.362l-1.591-.53c-.568-.19-.568-.992 0-1.181l1.591-.531A3.73 3.73 0 0 0 7.38 8.517l.53-1.591c.19-.568.992-.568 1.181 0l.531 1.591a3.73 3.73 0 0 0 2.362 2.362m6.099-5.889l.724.242a.283.283 0 0 1 0 .536l-.724.242a1.7 1.7 0 0 0-1.073 1.073l-.242.724a.283.283 0 0 1-.536 0l-.242-.724a1.7 1.7 0 0 0-1.073-1.073l-.724-.242a.283.283 0 0 1 0-.536l.724-.242a1.7 1.7 0 0 0 1.073-1.073l.242-.724a.283.283 0 0 1 .536 0l.242.724a1.69 1.69 0 0 0 1.073 1.073m0 13l.724.242a.283.283 0 0 1 0 .536l-.724.242a1.7 1.7 0 0 0-1.073 1.073l-.242.724a.283.283 0 0 1-.536 0l-.242-.724a1.7 1.7 0 0 0-1.073-1.073l-.724-.242a.283.283 0 0 1 0-.536l.724-.242a1.7 1.7 0 0 0 1.073-1.073l.242-.724a.283.283 0 0 1 .536 0l.242.724c.168.507.566.904 1.073 1.073"/></svg>
React
import type { SVGProps } from "react";
export function HugeiconsAiSparkles(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="m11.983 10.879l1.592.53c.567.19.567.992 0 1.181l-1.592.531a3.73 3.73 0 0 0-2.362 2.362l-.53 1.592c-.19.567-.992.567-1.181 0l-.531-1.592a3.73 3.73 0 0 0-2.362-2.362l-1.591-.53c-.568-.19-.568-.992 0-1.181l1.591-.531A3.73 3.73 0 0 0 7.38 8.517l.53-1.591c.19-.568.992-.568 1.181 0l.531 1.591a3.73 3.73 0 0 0 2.362 2.362m6.099-5.889l.724.242a.283.283 0 0 1 0 .536l-.724.242a1.7 1.7 0 0 0-1.073 1.073l-.242.724a.283.283 0 0 1-.536 0l-.242-.724a1.7 1.7 0 0 0-1.073-1.073l-.724-.242a.283.283 0 0 1 0-.536l.724-.242a1.7 1.7 0 0 0 1.073-1.073l.242-.724a.283.283 0 0 1 .536 0l.242.724a1.69 1.69 0 0 0 1.073 1.073m0 13l.724.242a.283.283 0 0 1 0 .536l-.724.242a1.7 1.7 0 0 0-1.073 1.073l-.242.724a.283.283 0 0 1-.536 0l-.242-.724a1.7 1.7 0 0 0-1.073-1.073l-.724-.242a.283.283 0 0 1 0-.536l.724-.242a1.7 1.7 0 0 0 1.073-1.073l.242-.724a.283.283 0 0 1 .536 0l.242.724c.168.507.566.904 1.073 1.073"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m11.983 10.879l1.592.53c.567.19.567.992 0 1.181l-1.592.531a3.73 3.73 0 0 0-2.362 2.362l-.53 1.592c-.19.567-.992.567-1.181 0l-.531-1.592a3.73 3.73 0 0 0-2.362-2.362l-1.591-.53c-.568-.19-.568-.992 0-1.181l1.591-.531A3.73 3.73 0 0 0 7.38 8.517l.53-1.591c.19-.568.992-.568 1.181 0l.531 1.591a3.73 3.73 0 0 0 2.362 2.362m6.099-5.889l.724.242a.283.283 0 0 1 0 .536l-.724.242a1.7 1.7 0 0 0-1.073 1.073l-.242.724a.283.283 0 0 1-.536 0l-.242-.724a1.7 1.7 0 0 0-1.073-1.073l-.724-.242a.283.283 0 0 1 0-.536l.724-.242a1.7 1.7 0 0 0 1.073-1.073l.242-.724a.283.283 0 0 1 .536 0l.242.724a1.69 1.69 0 0 0 1.073 1.073m0 13l.724.242a.283.283 0 0 1 0 .536l-.724.242a1.7 1.7 0 0 0-1.073 1.073l-.242.724a.283.283 0 0 1-.536 0l-.242-.724a1.7 1.7 0 0 0-1.073-1.073l-.724-.242a.283.283 0 0 1 0-.536l.724-.242a1.7 1.7 0 0 0 1.073-1.073l.242-.724a.283.283 0 0 1 .536 0l.242.724c.168.507.566.904 1.073 1.073"/></svg> </template>
CSS
.icon-ai-sparkles {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m11.983%2010.879l1.592.53c.567.19.567.992%200%201.181l-1.592.531a3.73%203.73%200%200%200-2.362%202.362l-.53%201.592c-.19.567-.992.567-1.181%200l-.531-1.592a3.73%203.73%200%200%200-2.362-2.362l-1.591-.53c-.568-.19-.568-.992%200-1.181l1.591-.531A3.73%203.73%200%200%200%207.38%208.517l.53-1.591c.19-.568.992-.568%201.181%200l.531%201.591a3.73%203.73%200%200%200%202.362%202.362m6.099-5.889l.724.242a.283.283%200%200%201%200%20.536l-.724.242a1.7%201.7%200%200%200-1.073%201.073l-.242.724a.283.283%200%200%201-.536%200l-.242-.724a1.7%201.7%200%200%200-1.073-1.073l-.724-.242a.283.283%200%200%201%200-.536l.724-.242a1.7%201.7%200%200%200%201.073-1.073l.242-.724a.283.283%200%200%201%20.536%200l.242.724a1.69%201.69%200%200%200%201.073%201.073m0%2013l.724.242a.283.283%200%200%201%200%20.536l-.724.242a1.7%201.7%200%200%200-1.073%201.073l-.242.724a.283.283%200%200%201-.536%200l-.242-.724a1.7%201.7%200%200%200-1.073-1.073l-.724-.242a.283.283%200%200%201%200-.536l.724-.242a1.7%201.7%200%200%200%201.073-1.073l.242-.724a.283.283%200%200%201%20.536%200l.242.724c.168.507.566.904%201.073%201.073%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m11.983%2010.879l1.592.53c.567.19.567.992%200%201.181l-1.592.531a3.73%203.73%200%200%200-2.362%202.362l-.53%201.592c-.19.567-.992.567-1.181%200l-.531-1.592a3.73%203.73%200%200%200-2.362-2.362l-1.591-.53c-.568-.19-.568-.992%200-1.181l1.591-.531A3.73%203.73%200%200%200%207.38%208.517l.53-1.591c.19-.568.992-.568%201.181%200l.531%201.591a3.73%203.73%200%200%200%202.362%202.362m6.099-5.889l.724.242a.283.283%200%200%201%200%20.536l-.724.242a1.7%201.7%200%200%200-1.073%201.073l-.242.724a.283.283%200%200%201-.536%200l-.242-.724a1.7%201.7%200%200%200-1.073-1.073l-.724-.242a.283.283%200%200%201%200-.536l.724-.242a1.7%201.7%200%200%200%201.073-1.073l.242-.724a.283.283%200%200%201%20.536%200l.242.724a1.69%201.69%200%200%200%201.073%201.073m0%2013l.724.242a.283.283%200%200%201%200%20.536l-.724.242a1.7%201.7%200%200%200-1.073%201.073l-.242.724a.283.283%200%200%201-.536%200l-.242-.724a1.7%201.7%200%200%200-1.073-1.073l-.724-.242a.283.283%200%200%201%200-.536l.724-.242a1.7%201.7%200%200%200%201.073-1.073l.242-.724a.283.283%200%200%201%20.536%200l.242.724c.168.507.566.904%201.073%201.073%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/ai-sparkles.svg?color=%231a73e8&size=48
