forked from geolba/tethys.backend
31 lines
987 B
Vue
31 lines
987 B
Vue
|
<template>
|
||
|
|
<span v-bind="$attrs" :aria-hidden="!title" :aria-label="title" class="material-design-icon briefcase-check-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="M10,2H14A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8V19A2,2 0 0,1 20,21H4A2,2 0 0,1 2,19V8A2,2 0 0,1 4,6H8V4A2,2 0 0,1 10,2M14,6V4H10V6H14M10.5,17.5L17.09,10.91L15.68,9.5L10.5,14.67L8.41,12.59L7,14L10.5,17.5Z">
|
||
|
|
<title v-if="title">{{ title }}</title>
|
||
|
|
</path>
|
||
|
|
</svg>
|
||
|
|
</span>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: "BriefcaseCheckIcon",
|
||
|
|
emits: ['click'],
|
||
|
|
props: {
|
||
|
|
title: {
|
||
|
|
type: String,
|
||
|
|
},
|
||
|
|
fillColor: {
|
||
|
|
type: String,
|
||
|
|
default: "currentColor"
|
||
|
|
},
|
||
|
|
size: {
|
||
|
|
type: Number,
|
||
|
|
default: 24
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|