Icons

We've design a set of custom icons as components that can help you for different purposes.

Basket

<template>
 <Basket />
</template>

<script>
import Basket from '@/examples/Icon/Basket.vue";
export default {
 components: {
   Basket,
  },
};
</script>

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

Credit Card

<template>
 <CreditCard />
</template>

<script>
import CreditCard from '@/examples/Icon/CreditCard.vue";
export default {
 components: {
   CreditCard,
  },
};
</script>

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

Box3d

<template>
 <Box3d />
</template>

<script>
import Box3d from '@/examples/Icon/Box3d.vue";
export default {
components: {
  Box3d,
 },
};
</script>

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

Customer Support

<template>
 <CustomerSupport />
</template>

<script>
import CustomerSupport from '@/examples/Icon/CustomerSupport.vue";
export default {
components: {
  CustomerSupport,
 },
};
</script>

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

Document

<template>
 <Document />
</template>

<script>
import Document from '@/examples/Icon/Document.vue";
export default {
components: {
  Document,
 },
};
</script>

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

Getting Started

<template>
 <GettingStarted />
</template>

<script>
import GettingStarted from '@/examples/Icon/GettingStarted.vue";
export default {
components: {
  GettingStarted,
 },
};
</script>

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

Air

<template>
 <Air />
</template>

<script>
import Air from '@/examples/Icon/Air.vue";
export default {
components: {
  Air,
 },
};
</script>

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

Humidity

<template>
 <Humidity />
</template>

<script>
import Humidity from '@/examples/Icon/Humidity.vue";
export default {
components: {
  Humidity,
 },
};
</script>

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

Lights

<template>
 <Lights />
</template>

<script>
import Lights from '@/examples/Icon/Lights.vue";
export default {
components: {
  Lights,
 },
};
</script>

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

Office

<template>
<Office />
</template>

<script>
import Office from '@/examples/Icon/Office.vue";
export default {
components: {
  Office,
},
};
</script>

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

Settings

<template>
<Settings />
</template>

<script>
import Settings from '@/examples/Icon/Settings.vue";
export default {
components: {
  Settings,
},
};
</script>

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

Shop

<template>
 <Shop />
</template>

<script>
import Shop from '@/examples/Icon/Shop.vue";
export default {
components: {
  Shop,
},
};
</script>

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

Spaceship

<template>
 <Spaceship />
</template>

<script>
import Spaceship from '@/examples/Icon/Spaceship.vue";
export default {
components: {
  Spaceship,
},
};
</script>

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

Switches

<template>
 <Switches />
</template>

<script>
import Switches from '@/examples/Icon/Switches.vue";
export default {
components: {
  Switches,
},
};
</script>

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

Temperature

<template>
 <Temperature />
</template>

<script>
import Temperature from '@/examples/Icon/Temperature.vue";
export default {
components: {
  Temperature,
},
};
</script>

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

Wifi

<template>
 <Wifi />
</template>

<script>
import Wifi from '@/examples/Icon/Wifi.vue";
export default {
components: {
  Wifi,
},
};
</script>

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