31 lines
1.0 KiB
Vue
31 lines
1.0 KiB
Vue
|
<template>
|
||
|
|
<span v-bind="$attrs" :aria-hidden="title ? null : true" :aria-label="title"
|
||
|
|
class="material-design-icon alert-decagram-icon" role="img" @click="$emit('click', $event)">
|
||
|
|
<svg :fill="fillColor" class="material-design-icon__svg" :width="size" :height="size" viewBox="0 0 24 24">
|
||
|
|
<path
|
||
|
|
d="M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M13,17H11V15H13V17M13,13H11V7H13V13Z">
|
||
|
|
<title v-if="title">{{ title }}</title>
|
||
|
|
</path>
|
||
|
|
</svg>
|
||
|
|
</span>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: "AlertDecagramIcon",
|
||
|
|
emits: ['click'],
|
||
|
|
props: {
|
||
|
|
title: {
|
||
|
|
type: String,
|
||
|
|
},
|
||
|
|
fillColor: {
|
||
|
|
type: String,
|
||
|
|
default: "currentColor"
|
||
|
|
},
|
||
|
|
size: {
|
||
|
|
type: Number,
|
||
|
|
default: 24
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|