@spectrum-web-components/icons-workflow
Version:
[Spectrum Workflow Icons](https://spectrum.adobe.com/page/icons/) delivered in a flexible template tag so that they can be leveraged across various frameworks. The default export of this package pre-applies the `html` template tag from `lit-html` for ease
36 lines (35 loc) • 1.68 kB
JavaScript
/*
Copyright 2020 Adobe. All rights reserved.
This file is licensed to you under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License. You may obtain a copy
of the License at http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software distributed under
the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
OF ANY KIND, either express or implied. See the License for the specific language
governing permissions and limitations under the License.
*/
import { tag as html } from '../custom-tag.js';
export { setCustomTemplateLiteralTag } from '../custom-tag.js';
export const ColorWheelIcon = ({ width = 24, height = 24, hidden = false, title = 'Color Wheel', } = {}) => {
return html `<svg
xmlns="http://www.w3.org/2000/svg"
height="${height}"
viewBox="0 0 36 36"
width="${width}"
aria-hidden="${hidden ? 'true' : 'false'}"
role="img"
fill="currentColor"
aria-label="${title}"
>
<path d="M32 18a13.953 13.953 0 00-4.114-9.9L18 18z" opacity=".2" />
<path d="M18 18l9.919 9.869A13.956 13.956 0 0032 18z" opacity=".33" />
<path d="M18 18v14a13.955 13.955 0 009.874-4.087z" opacity=".47" />
<path d="M18 32V18l-9.9 9.889A13.96 13.96 0 0018 32z" opacity=".6" />
<path d="M18 18H4a13.959 13.959 0 004.1 9.889z" opacity=".7" />
<path d="M18 18L8.09 8.122A13.953 13.953 0 004 18z" opacity=".8" />
<path
d="M18 2a16 16 0 1016 16A16 16 0 0018 2zm0 30A13.991 13.991 0 018.07 8.144L17.939 18V4H18a14 14 0 010 28z"
/>
</svg>`;
};
//# sourceMappingURL=ColorWheel.js.map