Open Source

daIcons

A curated icon library featuring custom-designed SVG icons. Click any icon to copy its SVG code.

Loading icons...

How to Use

Vanilla SVG

Click any icon above to copy its SVG code, then paste directly into your HTML or download as an SVG file.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  <!-- SVG path data -->
</svg>

React / Next.js

Copy the SVG code and paste it directly into your React components, or save as a reusable component.

// As inline SVG
export function IconName({ className }) {
  return (
    <svg 
      xmlns="http://www.w3.org/2000/svg" 
      viewBox="0 0 24 24"
      className={className}
    >
      {/* SVG content */}
    </svg>
  );
}

Custom icons by Dakik Studio | MIT Licensed