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

export const ArrowUpAndDown3pxIcon = createIcon(() => (
  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fillRule="evenodd" clipRule="evenodd" d="M7 21C7.82843 21 8.5 20.3284 8.5 19.5L8.5 9.62132L9.93934 11.0607C10.5251 11.6464 11.4749 11.6464 12.0607 11.0607C12.6464 10.4749 12.6464 9.52513 12.0607 8.93934L8.06066 4.93934C7.77936 4.65804 7.39782 4.5 7 4.5C6.60218 4.5 6.22064 4.65804 5.93934 4.93934L1.93934 8.93934C1.35355 9.52513 1.35355 10.4749 1.93934 11.0607C2.52513 11.6464 3.47487 11.6464 4.06066 11.0607L5.5 9.62132L5.5 19.5C5.5 20.3284 6.17157 21 7 21Z" fill="currentColor"/>
<path fillRule="evenodd" clipRule="evenodd" d="M17 4.5C17.8284 4.5 18.5 5.17157 18.5 6L18.5 15.8787L19.9393 14.4393C20.5251 13.8536 21.4749 13.8536 22.0607 14.4393C22.6464 15.0251 22.6464 15.9749 22.0607 16.5607L18.0607 20.5607C17.7794 20.842 17.3978 21 17 21C16.6022 21 16.2206 20.842 15.9393 20.5607L11.9393 16.5607C11.3536 15.9749 11.3536 15.0251 11.9393 14.4393C12.5251 13.8536 13.4749 13.8536 14.0607 14.4393L15.5 15.8787L15.5 6C15.5 5.17157 16.1716 4.5 17 4.5Z" fill="currentColor"/>
</svg>

))