import { createIcon } from '../lib/create-icon'

const SvgPalleteIcon = createIcon(props => {
  return (
    <svg
      {...props}
      xmlns="http://www.w3.org/2000/svg"
      width={props.width}
      height={props.height}
      fill="none"
      viewBox="0 0 20 20"
      focusable={false}
      aria-hidden={true}
    >
      <path
        fill={props.color}
        fillRule="evenodd"
        d="M5.276 4.428c-.118.27-.176.616-.176 1.072 0 .455.058.801.176 1.072.113.258.294.478.6.667.658.404 1.881.66 4.124.66 2.243 0 3.466-.256 4.123-.66a1.44 1.44 0 0 0 .6-.667c.119-.27.177-.617.177-1.072 0-.456-.058-.802-.176-1.072a1.44 1.44 0 0 0-.601-.667C13.466 3.356 12.243 3.1 10 3.1c-2.243 0-3.466.256-4.123.66a1.44 1.44 0 0 0-.6.668Zm-.028-1.69C6.216 2.144 7.743 1.9 10 1.9c2.257 0 3.784.243 4.752.839.505.311.856.716 1.071 1.208.146.334.223.693.256 1.064.393.015.742.051 1.05.117.457.099.854.272 1.162.58.308.31.482.706.58 1.163.098.451.129.994.129 1.629 0 .615-.026 1.187-.23 1.648-.23.516-.647.83-1.246 1.017-.57.178-1.347.256-2.38.296-1.04.039-2.392.039-4.133.039H11v-1c1.754 0 3.086 0 4.106-.039 1.03-.039 1.69-.116 2.12-.25.401-.126.546-.282.63-.469C17.962 9.5 18 9.134 18 8.5c0-.615-.032-1.073-.106-1.418-.073-.34-.181-.537-.31-.666-.13-.13-.326-.237-.666-.31a5.14 5.14 0 0 0-.84-.095 3.41 3.41 0 0 1-.255 1.042 2.638 2.638 0 0 1-1.071 1.208c-.968.595-2.495.839-4.752.839-2.257 0-3.784-.244-4.752-.84a2.638 2.638 0 0 1-1.071-1.207C3.967 6.573 3.9 6.044 3.9 5.5c0-.545.067-1.074.277-1.553a2.638 2.638 0 0 1 1.071-1.208ZM9 12.5c0-.943 0-1.414.293-1.707.293-.293.764-.293 1.707-.293v5.894c0 .282 0 .423-.154.667-.154.244-.206.269-.31.319a1.23 1.23 0 0 1-.536.12 1.23 1.23 0 0 1-.536-.12c-.104-.05-.156-.075-.31-.32C9 16.818 9 16.677 9 16.395V12.5Z"
        clipRule="evenodd"
      />
    </svg>
  )
})

export default SvgPalleteIcon
