import Icon from '@mdi/react';
import { mdiLockPercentOpenOutline } from '@mdi/js';
<Icon path={mdiLockPercentOpenOutline} size={1} />
<template>
<svg-icon type="mdi" :path="path"></svg-icon>
</template>
<script>
import SvgIcon from '@jamescoyle/vue-icon';
import { mdiLockPercentOpenOutline } from '@mdi/js';
export default {
name: "my-component",
components: {
SvgIcon
},
data() {
return {
path: mdiLockPercentOpenOutline,
}
}
}
</script>
switch.my_switch:
friendly_name: My Switch
icon: mdi:lock-percent-open-outline