Add Color

1import { cn } from "@/lib/utils"
2import { type SVGProps } from "react"
3 
4export interface AddColorProps extends SVGProps<SVGSVGElement> {}
5 
6export const AddColor = (props: AddColorProps) => {
7  return (
8    <svg
9      xmlns="http://www.w3.org/2000/svg"
10      viewBox="0 0 751.13137 489.52029"
11      {...props}
12      className={cn("w-full h-auto", props.className)}
13      role="img"
14    >
15      <title>Add Color</title>
16      <path
17        d="M399.1898,633.24368l-22.05938-7.70714a75.39333,75.39333,0,0,1,1.58645-36.24062c8.3685,20.14711,34.46936,25.77988,48.96151,42.08676A45.3495,45.3495,0,0,1,438.187,669.25957l4.22387,16.02538A75.9913,75.9913,0,0,1,388.039,652.23689a73.40422,73.40422,0,0,1-8.12594-16.52483C389.4353,635.03668,399.1898,633.24368,399.1898,633.24368Z"
18        fill="#f2f2f2" transform="translate(-224.43432 -205.23986)" />
19    <path
20        d="M655.33033,490.0077h-115.51a6.1631,6.1631,0,0,0-6.15377,6.16965V678.64914H661.5V496.17735A6.16641,6.16641,0,0,0,655.33033,490.0077ZM597.964,593.68594a13.70383,13.70383,0,0,1-13.63985-13.63975V558.99965a13.6398,13.6398,0,0,1,27.2796,0v21.04654A13.70363,13.70363,0,0,1,597.964,593.68594Z"
21        fill="#e6e6e6" transform="translate(-224.43432 -205.23986)" />
22    <path
23        d="M533.27005,672.8126v17.6049a3.44873,3.44873,0,0,0,3.44174,3.44164H658.45485a3.459,3.459,0,0,0,3.44164-3.44164V672.8126Z"
24        fill="#ccc" transform="translate(-224.43432 -205.23986)" />
25    <path
26        d="M846.60453,205.23986H352.84429a16.02852,16.02852,0,0,0-16.003,16.0029V554.43427a16.01831,16.01831,0,0,0,16.003,16.0029H846.60453a16.01831,16.01831,0,0,0,16.003-16.0029V221.24276A16.02852,16.02852,0,0,0,846.60453,205.23986Z"
27        fill="#e6e6e6" transform="translate(-224.43432 -205.23986)" />
28    <path
29        d="M842.48121,216.794h-485.51a8.58038,8.58038,0,0,0-8.56,8.58v324.93a8.56972,8.56972,0,0,0,8.56,8.56h485.51a8.56969,8.56969,0,0,0,8.56-8.56V225.374A8.58034,8.58034,0,0,0,842.48121,216.794Z"
30        fill="#fff" transform="translate(-224.43432 -205.23986)" />
31    <path
32        d="M853.96063,224.14526v282.82a179.02234,179.02234,0,0,1-183.37-291.4h174.81A8.58036,8.58036,0,0,1,853.96063,224.14526Z"
33        fill="var(--color-primary)" transform="translate(-224.43432 -205.23986)" />
34    <path
35        d="M818.07711,261.567H363.7841a1.807,1.807,0,0,1,0-3.61318h454.293a1.807,1.807,0,0,1,0,3.61318Z"
36        fill="#cacaca" transform="translate(-224.43432 -205.23986)" />
37// … truncated