=== React ===
Installation:
```sh
# Install the React component package
npm install @hugeicons/react

# Install your preferred icon package(s)
npm install @hugeicons-pro/core-{variant}-{style}
```

Basic Usage:
```jsx
import { HugeiconsIcon } from '@hugeicons/react'
import { Notification03Icon } from '@hugeicons/core-free-icons'

function App() {
    return <HugeiconsIcon icon={Notification03Icon} size={24} color="currentColor" strokeWidth={1.5} />
}
```

=== Vue ===
Installation:
```sh
# Install the Vue component package
npm install @hugeicons/vue

# Install your preferred icon package(s)
npm install @hugeicons-pro/core-{variant}-{style}
```

Basic Usage:
```vue
<script setup>
import { HugeiconsIcon } from '@hugeicons/vue'
import { Notification03Icon } from '@hugeicons/core-free-icons'
</script>

<template>
    <HugeiconsIcon :icon="Notification03Icon" :size="24" color="currentColor" :strokeWidth="1.5" />
</template>
```

=== Angular ===
Installation:
```sh
# Install the Angular component package
npm install @hugeicons/angular

# Install your preferred icon package(s)
npm install @hugeicons-pro/core-{variant}-{style}
```

Module Setup:
```typescript
import { NgModule } from '@angular/core'
import { HugeiconsModule } from '@hugeicons/angular'

@NgModule({
    imports: [HugeiconsModule],
})
export class AppModule {}
```

Basic Usage:
```typescript
// your.component.ts
import { Component } from '@angular/core'
import { Notification03Icon } from '@hugeicons/core-free-icons'

@Component({
    selector: 'app-example',
    template: ` <hugeicons-icon [icon]="notification03Icon" [size]="24" color="currentColor" [strokeWidth]="1.5"></hugeicons-icon> `,
})
export class ExampleComponent {
    notification03Icon = Notification03Icon
}
```

=== Svelte ===
Installation:
```sh
# Install the Svelte component package
npm install @hugeicons/svelte

# Install your preferred icon package(s)
npm install @hugeicons-pro/core-{variant}-{style}
```

Basic Usage:
```svelte
<script>
  import { HugeiconsIcon } from '@hugeicons/svelte'
  import { Notification03Icon } from '@hugeicons/core-free-icons'
</script>

<HugeiconsIcon
  icon={Notification03Icon}
  size={24}
  color="currentColor"
  strokeWidth={1.5}
/>
```

=== React Native ===
Installation:
```sh
# Install the React Native component package
npm install @hugeicons/react-native

# Install your preferred icon package(s)
npm install @hugeicons-pro/core-{variant}-{style}
```

Basic Usage:
```jsx
import { HugeiconsIcon } from '@hugeicons/react-native'
import { Notification03Icon } from '@hugeicons/core-free-icons'

function App() {
    return <HugeiconsIcon icon={Notification03Icon} size={24} color="black" strokeWidth={1.5} />
}
```

=== Web Font ===
Installation:
```html
<link rel="stylesheet" href="https://cdn.hugeicons.com/font/hgi-stroke-rounded.css" />
```

Basic Usage:
```html
<i class="hgi hgi-stroke hgi-user"></i>
```