Skip to content

Instantly share code, notes, and snippets.

@aaronmcadam

aaronmcadam/tiktok-icon.tsx

Created October 5, 2021 17:30
Show Gist options
  • Save aaronmcadam/93f84d4eeee2cd237afae61fe55f0be3 to your computer and use it in GitHub Desktop.
Save aaronmcadam/93f84d4eeee2cd237afae61fe55f0be3 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
tiktok-icon.tsx
import { chakra, HTMLChakraProps, useToken } from '@backstage/spotlight';
export interface TikTokIconProps extends HTMLChakraProps<'svg'> {
color?: string;
}
export function TikTokIcon(props: TikTokIconProps) {
const { color = 'currentColor', ...svgProps } = props;
const iconColor = useToken('colors', color);
return (
<chakra.svg
viewBox="0 0 512 512"
fill="none"
aria-hidden="true"
{...svgProps}
>
<path
fill={iconColor}
d="M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z"
/>
</chakra.svg>
);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment