<script>
/* Import all */
import * as icons from 'obra-icons-svelte@1.5.0';
/* Import one */
import { IconAdd } from 'obra-icons-svelte@1.5.0';
</script>
<style>
.demo-grid {
display: flex;
gap: 24px;
flex-wrap: wrap;
margin: 24px;
}
/* Repl specific using .dark class and not a media query */
:global(.dark svg *) {
stroke: #FFF;
}
/* Set the fill for fill parts of the SVG */
:global(.dark svg .oi-fill) {
fill: #FFF;
stroke: none;
}
/* Resized example */
.resized {
width: 32px;
height: 32px;
}