mirror of https://github.com/nextcloud/calendar
39 lines
913 B
Vue
39 lines
913 B
Vue
<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>
|