npm install @mynaui/icons-react

import { PuzzleSolid } from "@mynaui/icons-react";

const App = () => {
  return <PuzzleSolid />;
};

<svg width="24" height="24" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
  <path d='M10.8 5.7a3.45 3.45 0 1 1 6.9 0c0 .083.067.15.15.15h1.576c.258 0 .494 0 .692.016.213.018.446.057.677.175.329.168.596.435.764.765.118.23.157.463.175.676.016.198.016.434.016.692v2.252c0 .258 0 .494-.016.692a1.8 1.8 0 0 1-.175.676 1.75 1.75 0 0 1-.765.765c-.23.118-.463.158-.676.175-.198.016-.434.016-.692.016H19.2a1.95 1.95 0 1 0 0 3.9h.226c.258 0 .494 0 .692.016.213.017.446.057.677.175.329.168.596.435.764.764.118.23.157.464.175.677.016.198.016.434.016.692v.452c0 .258 0 .494-.016.692a1.8 1.8 0 0 1-.175.677 1.75 1.75 0 0 1-.765.764 1.8 1.8 0 0 1-.676.175c-.198.016-.434.016-.692.016H9.074c-.258 0-.494 0-.692-.016a1.8 1.8 0 0 1-.676-.175 1.75 1.75 0 0 1-.765-.765 1.8 1.8 0 0 1-.175-.676c-.016-.198-.016-.434-.016-.692V19c0-.292 0-.467-.011-.596a.6.6 0 0 0-.018-.12.25.25 0 0 0-.104-.105.6.6 0 0 0-.121-.018 8 8 0 0 0-.596-.011h-.2a3.45 3.45 0 1 1 0-6.9h.2c.292 0 .467 0 .596-.011a.6.6 0 0 0 .12-.018.25.25 0 0 0 .105-.104.6.6 0 0 0 .018-.121c.01-.13.011-.304.011-.596V8.174c0-.258 0-.494.016-.692a1.8 1.8 0 0 1 .175-.676 1.75 1.75 0 0 1 .765-.765 1.8 1.8 0 0 1 .676-.175c.198-.016.434-.016.692-.016h1.576a.15.15 0 0 0 .15-.15'/>
</svg>

<img loading="lazy" decoding="async" src="https://unpkg.com/@mynaui/icons/icons-solid/puzzle.svg" />

npm install @mynaui/icons

<svg width="24" height="24" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><use xlink:href="/path/to/mynaui-solid.symbol.svg#mynaui-puzzle"></use>
</svg>