New version for Framework7 Icons has been released, and this new release contains pure SVG components for React, Svelte and Vue. So now it is possible to use F7 Icons like this:
In React:
import { House, HeartCircle } from 'framewokr7-icons/react';
export default () {
// ...
return (
<div>
<House />
...
<HeartCircle>
</div>
)
}
In Svelte:
<div>
...
<House />
...
<HeartCircle>
...
</div>
<script>
import { House, HeartCircle } from 'framewokr7-icons/svelte';
// ...
</script>
In Vue:
<template>
<div>
...
<f7-house />
...
<f7-heart-circle />
...
</div>
</template>
<script>
import { House, HeartCircle } from 'framewokr7-icons/svelte';
export default {
components: {
f7House: House,
f7HeartCircle: HeartCircle,
},
...
}
</script>