UNPKG

@blueprintjs/icons

Version:

Components, fonts, icons, and css files for creating and displaying icons.

30 lines 1.73 kB
import { jsx as _jsx } from "react/jsx-runtime"; /* * Copyright 2024 Palantir Technologies, Inc. All rights reserved. * Licensed 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 CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ import * as React from "react"; import { IconSize } from "../../iconTypes"; import { SVGIconContainer } from "../../svgIconContainer"; /** Path data for the 16px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */ const PATHS_16 = ["M8 0C3.58 0 0 3.58 0 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8m0 12c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4"]; /** Path data for the 20px grid; matches {@link generate-icon-paths.mjs} / `<Icon />` from core. */ const PATHS_20 = ["M10 0C4.48 0 0 4.48 0 10s4.48 10 10 10 10-4.48 10-10S15.52 0 10 0m0 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5"]; export const Ring = React.forwardRef((props, ref) => { const isLarge = (props.size ?? IconSize.STANDARD) >= IconSize.LARGE; const paths = isLarge ? PATHS_20 : PATHS_16; return (_jsx(SVGIconContainer, { iconName: "ring", ref: ref, ...props, children: paths.map((d, i) => (_jsx("path", { d: d, fillRule: "evenodd" }, i))) })); }); Ring.displayName = `Blueprint6.Icon.Ring`; export default Ring; //# sourceMappingURL=ring.js.map