Interface icons24 × 24 grid · 2px padding · 2px stroke 16px 20px 24px ink-muted
Interface icons · Brand
code
- File
ba-code.svg- Weight
- 1 KB
Use it
React
import { Icon } from '@ba-icons/react';
<Icon name="code" />Vue
<script setup>
import { Icon } from '@ba-icons/vue';
</script>
<template>
<Icon name="code" />
</template>Astro
---
import { Icon } from '@ba-icons/astro';
---
<Icon name="code" />HTML
<script src="https://icons.atmosphere.africa/cdn/ba-icons-0.3.0.js" defer></script>
<ba-icon name="code"></ba-icon>SVG
<svg xmlns="http://www.w3.org/2000/svg" class="ba-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M 8 7 L 3 12 L 8 17 M 16 7 L 21 12 L 16 17 M 14 5 L 10 19"/></svg>New to the packages? Point your project at the registry first.