import React from 'react';

const TiktokIcon: React.FC = () => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
    <defs>
      <path id="tiktok-path-a" d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-2.43.05-4.86-.95-6.69-2.81-1.77-1.8-2.6-4.15-2.47-6.54.04-1.38.36-2.76.94-4.04 1.01-2.2 2.82-3.95 5.05-4.78.68-.26 1.38-.49 2.1-.7.02-3.46.02-6.92.01-10.38z" />
    </defs>
    <g>
      <use href="#tiktok-path-a" fill="#FE2C55" transform="translate(-1.2, -1.2)" />
      <use href="#tiktok-path-a" fill="#25F4EE" transform="translate(1.2, 1.2)" />
      <use href="#tiktok-path-a" fill="white" />
    </g>
  </svg>
);

export default TiktokIcon;