61 lines
981 B
Vue
61 lines
981 B
Vue
<!--
|
|
- SPDX-FileCopyrightText: 2022 Nextcloud GmbH and Nextcloud contributors
|
|
- SPDX-License-Identifier: AGPL-3.0-or-later
|
|
-->
|
|
<template>
|
|
<span :aria-hidden="!title"
|
|
:aria-label="title"
|
|
class="material-design-icon deck-icon"
|
|
role="img"
|
|
v-bind="$attrs"
|
|
@click="$emit('click', $event)">
|
|
<svg xmlns="http://www.w3.org/2000/svg"
|
|
:fill="fillColor"
|
|
:height="size"
|
|
:width="size"
|
|
version="1.1"
|
|
viewBox="0 0 16 16">
|
|
<rect ry="1"
|
|
height="8"
|
|
width="14"
|
|
y="7"
|
|
x="1" />
|
|
<rect ry=".5"
|
|
height="1"
|
|
width="12"
|
|
y="5"
|
|
x="2" />
|
|
<rect ry=".5"
|
|
height="1"
|
|
width="10"
|
|
y="3"
|
|
x="3" />
|
|
<rect ry=".5"
|
|
height="1"
|
|
width="8"
|
|
y="1"
|
|
x="4" />
|
|
</svg>
|
|
</span>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'DeckIcon',
|
|
props: {
|
|
title: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
fillColor: {
|
|
type: String,
|
|
default: 'currentColor',
|
|
},
|
|
size: {
|
|
type: Number,
|
|
default: 24,
|
|
},
|
|
},
|
|
}
|
|
</script>
|