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

const SvgRightAlignIcon = 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="M16.9 18V2h1.2v16h-1.2ZM3.22 5.49c-.085.212-.12.516-.12 1.01s.035.798.12 1.01c.07.17.185.314.469.445.313.145.81.262 1.61.338.791.076 1.831.107 3.2.107 1.37 0 2.41-.031 3.202-.107.8-.076 1.297-.193 1.61-.338.284-.13.4-.275.469-.446.085-.211.12-.515.12-1.009 0-.494-.035-.798-.12-1.01-.07-.17-.185-.314-.469-.445-.313-.145-.81-.262-1.61-.338C10.909 4.63 9.87 4.6 8.5 4.6s-2.41.031-3.201.107c-.8.076-1.297.193-1.61.338-.284.13-.4.275-.469.446Zm1.965-1.978C6.035 3.432 7.12 3.4 8.5 3.4s2.465.031 3.315.112c.84.08 1.5.213 1.999.443.529.244.882.6 1.078 1.086.18.444.208.953.208 1.459 0 .506-.028 1.015-.208 1.46-.196.485-.55.84-1.078 1.085-.5.23-1.159.363-2 .443-.849.08-1.934.112-3.314.112-1.38 0-2.466-.031-3.315-.112-.84-.08-1.5-.213-1.999-.443-.529-.244-.882-.6-1.078-1.086-.18-.444-.208-.953-.208-1.459 0-.506.028-1.015.208-1.46.196-.485.55-.84 1.078-1.085.5-.23 1.158-.363 2-.443ZM7.1 13.5c0-1.003.142-1.316.42-1.5.175-.117.464-.224.964-.297.496-.072 1.15-.103 2.016-.103.866 0 1.52.031 2.015.103.5.073.79.18.965.296.277.185.42.498.42 1.501s-.143 1.316-.42 1.5c-.175.117-.464.224-.965.297-.496.072-1.149.103-2.015.103-.866 0-1.52-.031-2.016-.103-.5-.073-.79-.18-.964-.296-.278-.185-.42-.498-.42-1.501Zm3.4-3.1c-.884 0-1.606.031-2.188.116-.577.083-1.07.226-1.457.485-.848.565-.955 1.502-.955 2.499 0 .997.107 1.934.955 2.5.388.258.88.4 1.457.484.582.085 1.304.116 2.188.116.884 0 1.605-.031 2.188-.116.577-.083 1.07-.226 1.457-.485.847-.565.955-1.502.955-2.499 0-.997-.108-1.934-.955-2.5-.388-.258-.88-.4-1.457-.484-.583-.085-1.304-.116-2.188-.116Z"
        clipRule="evenodd"
      />
    </svg>
  )
})

export default SvgRightAlignIcon