You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
738 B
35 lines
738 B
<script>
|
|
export let size="24";
|
|
export let fill="none";
|
|
export let color="var(--color)";
|
|
export let light=false;
|
|
export let width="2";
|
|
export let linecap="round";
|
|
export let linejoin="round";
|
|
export let name;
|
|
export let inactive=false;
|
|
export let light_color = 'var(--color)';
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
@import 'sass/_variables';
|
|
|
|
.inactive {
|
|
stroke: var(--color-inactive);
|
|
fill: var(--color-bg);
|
|
}
|
|
</style>
|
|
|
|
<span>
|
|
<svg class="icon-{name}" class:inactive="{inactive}"
|
|
width="{size}"
|
|
height="{size}"
|
|
fill="{fill}"
|
|
stroke="{light ? light_color : color}"
|
|
stroke-width="{width}"
|
|
stroke-linecap="{linecap}"
|
|
stroke-linejoin="{linejoin}"
|
|
>
|
|
<use xlink:href="/icons/feather-sprite.svg#{name}"/>
|
|
</svg>
|
|
</span>
|
|
|