@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.
35 lines (34 loc) • 1.44 kB
JavaScript
/**
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::e1e172521f5377ff73ad9860ff877b1d>>
* @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
const svg = `<svg height="100%" viewBox="0 0 24 24">
<path fill="var(--tile-color,#fb9700)" 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"/>
<path fill="var(--icon-color, #101214)" fill-rule="evenodd" d="m9.297 8.753 2.277-5.073h.858l2.277 5.073 5.529.598.265.816-4.121 3.734 1.14 5.442-.695.505-4.824-2.766-4.824 2.766-.695-.505 1.14-5.442-4.121-3.733.265-.817zm.777 6.415v-.678a1.857 1.857 0 0 1 3.715 0v.613a3.6 3.6 0 0 1-1.886.548h-.053a3.6 3.6 0 0 1-1.776-.483m1.858-3.134a1.393 1.393 0 1 0 0-2.786 1.393 1.393 0 0 0 0 2.786" clip-rule="evenodd"/>
</svg>
`;
/**
* __TalentIcon__
*
* An internal component to represent the icon for Talent.
* Do not use this internal component directly — use `TalentIcon` from `@atlaskit/logo` instead.
*
*/
export function TalentIcon({
size = 'medium',
appearance = 'brand',
label = 'Talent',
testId
}) {
return /*#__PURE__*/React.createElement(IconWrapper, {
svg: svg,
label: label,
appearance: appearance,
size: size,
testId: testId
});
}