Home/Libraries/OpenMoji (Iconify)/dna

OpenMoji (Iconify)

Dna

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 72 72"><path fill="#92d3f5" d="m20.056 51.944l1.415-1.415l4.841 4.842l-1.414 1.414z"/><path fill="#ea5a47" d="m15.215 47.102l1.415-1.415l4.841 4.842l-1.414 1.414z"/><path fill="#92d3f5" d="m28.224 34.936l1.414-1.414l4.42 4.42l-1.414 1.414z"/><path fill="#ea5a47" d="m32.644 39.356l1.414-1.415l4.42 4.42l-1.415 1.414z"/><path fill="#92d3f5" d="m36.32 35.68l1.414-1.414l4.841 4.842l-1.414 1.414z"/><path fill="#ea5a47" d="m31.477 30.839l1.414-1.414l4.842 4.841l-1.415 1.415z"/><path fill="#92d3f5" d="m41.748 30.252l-1.732 1.732l-2.902-2.903l1.038-1.037z"/><path fill="#ea5a47" d="m44.038 33.767l-1.119 1.119l-2.903-2.902l1.732-1.732z"/><path fill="#92d3f5" d="m49.435 22.565l1.414-1.414l4.42 4.42l-1.414 1.414z"/><path fill="#ea5a47" d="m45.015 18.145l1.414-1.414l4.42 4.42l-1.414 1.414z"/><path fill="#92d3f5" d="m53.708 18.292l1.414-1.414l4.842 4.841l-1.415 1.415z"/><path fill="#ea5a47" d="m48.866 13.45l1.414-1.414l4.842 4.841l-1.415 1.415z"/><path fill="#92d3f5" d="m15.761 56.239l1.415-1.415l4.841 4.842l-1.414 1.414z"/><path fill="#ea5a47" d="m10.92 51.397l1.414-1.415l4.841 4.842l-1.414 1.414z"/><path fill="#92d3f5" d="M48.813 31.842c.792 3.96.375 8.436-4.08 12.89s-8.931 4.873-12.89 4.08c-2.13-.43-4.116-1.216-5.877-1.901q-.32-.13-.63-.248c-4.588-1.775-7.24-2.447-10.245.559l-4.44 4.44c-1.075 1.075-2.815 1.075-3.89 0s-1.075-2.814 0-3.889l4.44-4.44c4.046-4.045 8.203-4.144 11.986-3.175c1.683.41 3.295 1.046 4.787 1.633c.559.22 1.096.431 1.613.622c4.532 1.676 7.573 2.115 11.257-1.57c3.684-3.683 3.245-6.724 1.57-11.257c.516.191 1.053.404 1.612.623c1.492.587 3.104 1.223 4.787 1.633m2.849-25.081a2.75 2.75 0 0 1 0 3.89l-4.44 4.44c-3.006 3.005-2.334 5.657-.559 10.246a38 38 0 0 1-.63-.248c-1.76-.685-3.747-1.47-5.875-1.902c-.969-3.783-.87-7.94 3.175-11.985l4.44-4.44a2.75 2.75 0 0 1 3.89 0"/><path fill="#ea5a47" d="M25.966 46.91c1.76.687 3.748 1.472 5.876 1.903c.969 3.783.87 7.94-3.175 11.985l-4.44 4.44c-1.075 1.076-2.815 1.076-3.89 0s-1.074-2.813 0-3.888l4.441-4.44c3.006-3.006 2.334-5.658.559-10.247q.309.119.63.248m39.272-26.573a2.75 2.75 0 0 1 0 3.889l-4.44 4.44c-4.046 4.045-8.203 4.144-11.986 3.175c-1.683-.41-3.295-1.046-4.787-1.633a86 86 0 0 0-1.613-.622c-4.532-1.676-7.573-2.115-11.257 1.57s-3.245 6.724-1.57 11.257c-.516-.191-1.053-.404-1.612-.623c-1.492-.587-3.104-1.223-4.787-1.633c-.792-3.96-.375-8.436 4.08-12.89s8.931-4.873 12.89-4.08c2.13.43 4.116 1.215 5.877 1.901q.32.13.63.248c4.588 1.775 7.24 2.446 10.245-.559l4.44-4.44a2.75 2.75 0 0 1 3.89 0"/><g fill="none" stroke="#818cf8" stroke-width="1.5"><path stroke-miterlimit="10" d="M23.193 40.152c-.794-3.963-.376-8.43 4.076-12.883c6.851-6.85 13.737-4.15 18.765-2.178c4.984 1.954 7.73 2.828 10.874-.315l4.44-4.44a2.75 2.75 0 0 1 3.889 3.889l-4.44 4.44c-5.835 5.835-11.899 3.457-16.77 1.547c-5.47-2.145-8.763-3.159-12.869.946c-3.684 3.684-3.246 6.715-1.567 11.25m2.26 6.398c.957 3.791.859 7.946-3.186 11.99l-4.44 4.44a2.75 2.75 0 0 1-3.89-3.888l4.44-4.44c3.009-3.008 2.338-5.653.561-10.244"/><path stroke-miterlimit="10" d="M40.148 23.193c-.956-3.791-.857-7.945 3.187-11.99l4.44-4.44a2.75 2.75 0 0 1 3.89 3.89l-4.44 4.44c-3.01 3.008-2.338 5.653-.562 10.244m2.144 6.514c.794 3.962.375 8.428-4.076 12.88c-6.851 6.85-13.737 4.15-18.765 2.178c-4.984-1.954-7.73-2.828-10.874.315l-4.44 4.44a2.75 2.75 0 0 1-3.889-3.889l4.44-4.44c5.835-5.835 11.898-3.457 16.77-1.546c5.47 2.144 8.763 3.158 12.869-.948c3.684-3.684 3.245-6.714 1.567-11.25"/><path stroke-linecap="round" stroke-linejoin="round" d="m50.984 11.333l9.683 9.683m-13.955-5.363l9.635 9.635m-21.123 3.289l8.199 8.199m-12.634-5.235l9.67 9.67m-12.098-4.7l7.128 7.128m-17.754 1.815l8.811 8.811m-13.543-4.952l9.684 9.684"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. DnaIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-SA-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.