1 files changed, 38 insertions, 0 deletions
diff --git a/src/components/Icons/IconCircles.vue b/src/components/Icons/IconCircles.vue
new file mode 100644
index 00000000..5b349c3c
--- /dev/null
+++ b/src/components/Icons/IconCircles.vue
@@ -0,0 +1,38 @@
+<template functional>
+	<span :aria-hidden="!props.title"
+		:aria-label="props.title"
+		:class="[data.class, data.staticClass]"
+		class="material-design-icon icon-circle"
+		role="img"
+		v-bind="data.attrs"
+		v-on="listeners">
+		<svg :fill="props.fillColor"
+			class="material-design-icon__svg"
+			:width="props.size"
+			:height="props.size"
+			viewBox="0 0 21.33 21.33">
+			<path d="M0 0h24v24H0V0z" fill="none" />
+			<path d="M10.67 1.33a9.34 9.34 0 100 18.68 9.34 9.34 0 000-18.68zM6.93 15.8a2.33 2.33 0 110-4.67 2.33 2.33 0 010 4.67zm1.4-8.87a2.33 2.33 0 114.67 0 2.33 2.33 0 01-4.67 0zm6.07 8.87a2.33 2.33 0 110-4.67 2.33 2.33 0 010 4.67z" />
+		</svg>
+	</span>
+</template>
+
+<script>
+export default {
+	name: 'IconCircles',
+	props: {
+		title: {
+			type: String,
+			default: '',
+		},
+		size: {
+			type: Number,
+			default: 20,
+		},
+		fillColor: {
+			type: String,
+			default: 'currentColor',
+		},
+	},
+}
+</script>