Use this icon in your code
Pick how you want to install it. The snippets follow the color, size and stroke you set in the panel.
Smallest install: just this one library.
npm install @rdicons/react-hugeiconsimport { Component } from '@rdicons/react-hugeicons'
export function Example() {
return <Component />
}SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="#000000" stroke-linejoin="round" stroke-width="1.5" d="M9.197 6.84c.138.278.395.536.911 1.052s.774.773 1.052.911c.53.263 1.15.263 1.68 0c.278-.138.536-.395 1.052-.911s.773-.774.911-1.052c.263-.53.263-1.15 0-1.68c-.138-.278-.395-.536-.911-1.052s-.774-.773-1.052-.911a1.9 1.9 0 0 0-1.68 0c-.278.138-.536.395-1.052.911s-.773.774-.911 1.052a1.9 1.9 0 0 0 0 1.68Zm-6 6c.138.278.395.536.911 1.052s.774.773 1.052.911c.53.263 1.15.263 1.68 0c.278-.138.536-.395 1.052-.911s.773-.774.911-1.052c.263-.53.263-1.15 0-1.68c-.138-.278-.395-.536-.911-1.052s-.774-.773-1.052-.911a1.9 1.9 0 0 0-1.68 0c-.278.138-.536.395-1.052.911s-.773.774-.911 1.052a1.9 1.9 0 0 0 0 1.68Zm12 0c.138.278.395.536.911 1.052s.774.773 1.052.911c.53.263 1.15.263 1.68 0c.278-.138.536-.395 1.052-.911s.773-.774.911-1.052c.263-.53.263-1.15 0-1.68c-.138-.278-.395-.536-.911-1.052s-.774-.773-1.052-.911a1.9 1.9 0 0 0-1.68 0c-.278.138-.536.395-1.052.911s-.773.774-.911 1.052a1.9 1.9 0 0 0 0 1.68Zm-6 6c.138.278.395.536.911 1.052s.774.773 1.052.911c.53.263 1.15.263 1.68 0c.278-.138.536-.395 1.052-.911s.773-.774.911-1.052c.263-.53.263-1.15 0-1.68c-.138-.278-.395-.536-.911-1.052s-.774-.773-1.052-.911a1.9 1.9 0 0 0-1.68 0c-.278.138-.536.395-1.052.911s-.773.774-.911 1.052a1.9 1.9 0 0 0 0 1.68Z"/></svg>