doo-iconik | 595 hand-drawn doodle-style SVG icons

Quick Start

npm install @ajentik/doo-iconik-react

import { DooIconik } from '@ajentik/doo-iconik-react';

<DooIconik name="heart" size="md" />
<DooIconik name="star" variant="neon" animation="pulse" />

npm install @ajentik/doo-iconik-vue

import { DooIconik } from '@ajentik/doo-iconik-vue';

<DooIconik name="heart" size="md" />
<DooIconik name="star" variant="neon" animation="pulse" />

npm install @ajentik/doo-iconik-svelte

import { DooIconik } from '@ajentik/doo-iconik-svelte';

<DooIconik name="heart" size="md" />
<DooIconik name="star" variant="neon" animation="pulse" />

npm install @ajentik/doo-iconik-angular

import { DooIconikModule } from '@ajentik/doo-iconik-angular';

<doo-iconik name="heart" size="md"></doo-iconik>
<doo-iconik name="star" variant="neon" animation="pulse"></doo-iconik>

npm install @ajentik/doo-iconik-solid

import { DooIconik } from '@ajentik/doo-iconik-solid';

<DooIconik name="heart" size="md" />
<DooIconik name="star" variant="neon" animation="pulse" />

npm install @ajentik/doo-iconik-lit

import '@ajentik/doo-iconik-lit';

<doo-iconik name="heart" size="md"></doo-iconik>
<doo-iconik name="star" variant="neon" animation="pulse"></doo-iconik>

npm install @ajentik/doo-iconik-preact

import { DooIconik } from '@ajentik/doo-iconik-preact';

<DooIconik name="heart" size="md" />
<DooIconik name="star" variant="neon" animation="pulse" />

npm install @ajentik/doo-iconik-qwik

import { DooIconik } from '@ajentik/doo-iconik-qwik';

<DooIconik name="heart" size="md" />
<DooIconik name="star" variant="neon" animation="pulse" />

npm install @ajentik/doo-iconik-astro

---
import { DooIconik } from '@ajentik/doo-iconik-astro';
---

<DooIconik name="heart" size="md" />
<DooIconik name="star" variant="neon" animation="pulse" />

npm install @ajentik/doo-iconik-vanilla

import { createIcon } from '@ajentik/doo-iconik-vanilla';

const icon = createIcon({ name: 'heart', size: 'md' });
document.body.appendChild(icon);

npm install @ajentik/doo-iconik-alpine

import { dooIconikPlugin } from '@ajentik/doo-iconik-alpine';
Alpine.plugin(dooIconikPlugin);

<div x-data x-doo-iconik="{ name: 'heart', size: 'md' }"></div>

composer require ajentik/doo-iconik

<x-doo-iconik name="heart" size="md" />
<x-doo-iconik name="star" variant="neon" animation="pulse" />

gem install doo_iconik

<%= doo_iconik 'heart', size: :md %>
<%= doo_iconik 'star', variant: :neon, animation: :pulse %>

flutter pub add doo_iconik

import 'package:doo_iconik/doo_iconik.dart';

DooIconik(name: 'heart', size: DooIconikSize.md)
DooIconik(name: 'star', variant: DooIconikVariant.neon)