Vue Icons - Argon

1<template>
2 <CreditCard size="48px" />
3</template>
4
5<script>
6import CreditCard from '@/examples/Icon/CreditCard.vue";
7export default {
8 components: { CreditCard, },
9};
10</script>

1<template>
2 <Box3d size="48px" />
3</template>
4
5<script>
6import Box3d from '@/examples/Icon/Box3d.vue";
7export default {
8components: { Box3d, },
9};
10</script>

1<template>
2 <CustomerSupport size="48px" />
3</template>
4
5<script>
6import CustomerSupport from '@/examples/Icon/CustomerSupport.vue";
7export default {
8components: { CustomerSupport, },
9};
10</script>

1<template>
2 <Document size="48px" />
3</template>
4
5<script>
6import Document from '@/examples/Icon/Document.vue";
7export default {
8components: { Document, },
9};
10</script>

1<template>
2 <GettingStarted size="48px" />
3</template>
4
5<script>
6import GettingStarted from '@/examples/Icon/GettingStarted.vue";
7export default {
8components: { GettingStarted, },
9};
10</script>

1<template>
2 <Air size="48px" />
3</template>
4
5<script>
6import Air from '@/examples/Icon/Air.vue";
7export default {
8components: { Air, },
9};
10</script>

1<template>
2 <Humidity size="48px" />
3</template>
4
5<script>
6import Humidity from '@/examples/Icon/Humidity.vue";
7export default {
8components: { Humidity, },
9};
10</script>

1<template>
2 <Lights size="48px" />
3</template>
4
5<script>
6import Lights from '@/examples/Icon/Lights.vue";
7export default {
8components: { Lights, },
9};
10</script>

1<template>
2<Office size="48px" />
3</template>
4
5<script>
6import Office from '@/examples/Icon/Office.vue";
7export default {
8components: { Office, },
9};
10</script>

1<template>
2<Settings size="48px" />
3</template>
4
5<script>
6import Settings from '@/examples/Icon/Settings.vue";
7export default {
8components: { Settings, },
9};
10</script>

1<template>
2 <Shop size="48px" />
3</template>
4
5<script>
6import Shop from '@/examples/Icon/Shop.vue";
7export default {
8components: { Shop, },
9};
10</script>

1<template>
2 <Spaceship size="48px" />
3</template>
4
5<script>
6import Spaceship from '@/examples/Icon/Spaceship.vue";
7export default {
8components: { Spaceship, },
9};
10</script>

1<template>
2 <Switches size="48px" />
3</template>
4
5<script>
6import Switches from '@/examples/Icon/Switches.vue";
7export default {
8components: { Switches, },
9};
10</script>

1<template>
2 <Temperature size="48px" />
3</template>
4
5<script>
6import Temperature from '@/examples/Icon/Temperature.vue";
7export default {
8components: { Temperature, },
9};
10</script>

1<template>
2 <Wifi size="48px" />
3</template>
4
5<script>
6import Wifi from '@/examples/Icon/Wifi.vue";
7export default {
8components: { Wifi, },
9};
10</script>