UNPKG

@atlaskit/logo

Version:

A logo is a visual representation of a brand or app. It can be a word, an image, or a combination of both.

33 lines (32 loc) 1.75 kB
/** * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} * @codegen <<SignedSource::74841933ee1e6c38937f6d2a10ad7509>> * @codegenCommand yarn workspace @atlaskit/logo generate:components */ import React from 'react'; import { IconWrapper } from '../../../utils/icon-wrapper'; // `height` is set to 100% to allow the SVG to scale with the parent element var svg = "<svg height=\"100%\" viewBox=\"0 0 24 24\">\n <path fill=\"var(--tile-color,#625df5)\" d=\"M0 6a6 6 0 0 1 6-6h12a6 6 0 0 1 6 6v12a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6z\"/>\n <path fill=\"var(--icon-color, white)\" d=\"M19.083 11.212h-4.142l3.588-2.071-.788-1.365-3.588 2.071 2.07-3.587-1.364-.788-2.071 3.587V4.917h-1.576v4.142L9.141 5.472l-1.365.787 2.071 3.588L6.26 7.776 5.472 9.14l3.587 2.07H4.917v1.577h4.142l-3.587 2.071.788 1.365 3.587-2.07-2.071 3.587 1.365.787 2.07-3.587v4.142h1.577V14.94l2.07 3.587 1.365-.787-2.07-3.588 3.587 2.071.788-1.365-3.587-2.07h4.142zM12 14.143a2.151 2.151 0 1 1 0-4.302 2.151 2.151 0 0 1 0 4.302\"/>\n</svg>\n"; /** * __LoomInternalIcon__ * * An internal component to represent the icon for Loom. * Do not use this internal component directly — use `LoomInternalIcon` from `@atlaskit/logo` instead. * */ export function LoomInternalIcon(_ref) { var _ref$size = _ref.size, size = _ref$size === void 0 ? 'medium' : _ref$size, _ref$appearance = _ref.appearance, appearance = _ref$appearance === void 0 ? 'brand' : _ref$appearance, _ref$label = _ref.label, label = _ref$label === void 0 ? 'Loom' : _ref$label, testId = _ref.testId; return /*#__PURE__*/React.createElement(IconWrapper, { svg: svg, label: label, appearance: appearance, size: size, testId: testId }); }