CodeSandbox.tsx

import React from 'react';
import IconBase from 'react-icons/IconBase';

export const CodeSandboxIcon = props => (
  <IconBase fill="none" viewBox="0 0 24 24" {...props}>
    <g clipRule="evenodd" fillRule="evenodd">
      <path
        d="m12 11.8847v6.7437c.1174 0 .1945-.0255.3-.0856l5.3999-3.0857c.2132-.1222.3001-.3114.3001-.5572v-6.25701c0-.12328-.0259-.19703-.0858-.29999l-5.7415 3.2441c-.1068.061-.1727.1746-.1727.2977zm2.9999 3.8724c0 .1714-.0642.2571-.2143.3428l-1.7999 1.0286c-.1286.0857-.3.0429-.3-.1286v-4.5857c0-.1226.1079-.2816.2142-.3428l4.1143-2.35709c.1143-.06577.2143.03956.2143.17142v2.44287c0 .1266-.0597.2404-.1715.3l-1.8428.9857c-.1117.0595-.2143.1733-.2143.2999z"
        fill="#999"
      />
      <path
        d="m6 14.8998v-6.257c0-.24607.12921-.4779.34285-.59999l5.22845-2.9571c.1127-.0597.3-.08571.4286-.08571s.3269.03184.4286.08571l5.1856 2.9571c.1026.06062.242.20026.3.29999l-5.7428 3.2571c-.1068.061-.1714.177-.1714.3v6.7285c-.1174 0-.2374-.0256-.3428-.0858l-5.27139-3.0427c-.21365-.1222-.38571-.354-.38571-.6001zm.77142-5.01417v2.44287c0 .1714.04286.2571.21428.3428l1.79997 1.0286c.17143.0857.21428.2142.21428.3428v1.7143c0 .1714.04286.2571.21429.3428l1.79996 1.0286c.1714.0857.3.0428.3-.1286v-4.5856c0-.1286-.0429-.2572-.2143-.3429l-4.02849-2.31423c-.12857-.08571-.29999-.04286-.29999.12856zm7.02848-2.91424-1.5857.89999c-.1286.08572-.3.08572-.4285 0l-1.5858-.89999c-.1043-.05899-.23827-.05869-.34282 0l-1.97139 1.11427c-.17143.08572-.17143.25714 0 .34285l3.94281 2.27139c.1055.0604.2373.0604.3428 0l3.9428-2.27139c.1286-.08571.1715-.25713 0-.34285l-1.9714-1.11427c-.1045-.05869-.2384-.05899-.3428 0z"
        fill="#f2f2f2"
      />
    </g>
  </IconBase>
);