# carousel-horizontal icon

Carousel horizontal. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/carousel-horizontal

- Category: Layout & interface
- Use it for: carousel, horizontal carousel, image slider
- Tags: carousel, slider, image slider, gallery, slides, swipe, cards, horizontal scroll, banner, ui, component
- Family: accordion, breadcrumb, breadcrumb-chevrons, browser, button, cards, carousel-vertical, columns, columns-gear, dialog, dropdown-menu, form, kanban, layout, layout-dashboard, layout-dashboard-gear, layout-dashboard-pencil, layout-dashboard-plus, layout-dashboard-sparkle, likert-scale, maximize, minimize, pagination, panel-bottom, panel-top, picture-in-picture, picture-in-picture-exit, pin, progress-bar, rows, rows-grouped, sidebar, sidebar-collapse, sidebar-expand, sidebar-right, sidebar-right-collapse, sidebar-right-expand, slider, snackbar, stepper, table-arrow-down, table-arrow-up, table-gear, table-lock, table-search, table-sparkle, tabs, timeline, toggle, toggle-off, tooltip, user-interface, window, window-maximize, window-maximize-square, window-minimize, window-minimize-square, window-restore
- Component name: CarouselHorizontalIcon
- Added: 2026-10-19

## Alternatives

- `carousel-vertical`: a vertical carousel, e.g. stories (vertical-carousel)
- `slideshow`: a full-screen slideshow of photos (slideshow)

## Don't confuse with

- `slider`: slider is the range input (slider); an image slider is a carousel

## Also fits

- vertical carousel: the default horizontal carousel (carousel)
- swipe: swipeable content (carousel)

## Files

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it.

- line-round: https://gentleface.com/svg/line-round/16/carousel-horizontal.svg · PNG https://gentleface.com/png/line-round/16/carousel-horizontal.png · https://gentleface.com/png/line-round/32/carousel-horizontal.png · https://gentleface.com/png/line-round/48/carousel-horizontal.png
- line-soft: https://gentleface.com/svg/line-soft/16/carousel-horizontal.svg · PNG https://gentleface.com/png/line-soft/16/carousel-horizontal.png · https://gentleface.com/png/line-soft/32/carousel-horizontal.png · https://gentleface.com/png/line-soft/48/carousel-horizontal.png
- line-sharp: https://gentleface.com/svg/line-sharp/16/carousel-horizontal.svg · PNG https://gentleface.com/png/line-sharp/16/carousel-horizontal.png · https://gentleface.com/png/line-sharp/32/carousel-horizontal.png · https://gentleface.com/png/line-sharp/48/carousel-horizontal.png
- solid-round: https://gentleface.com/svg/solid-round/16/carousel-horizontal.svg · PNG https://gentleface.com/png/solid-round/16/carousel-horizontal.png · https://gentleface.com/png/solid-round/32/carousel-horizontal.png · https://gentleface.com/png/solid-round/48/carousel-horizontal.png
- solid-soft: https://gentleface.com/svg/solid-soft/16/carousel-horizontal.svg · PNG https://gentleface.com/png/solid-soft/16/carousel-horizontal.png · https://gentleface.com/png/solid-soft/32/carousel-horizontal.png · https://gentleface.com/png/solid-soft/48/carousel-horizontal.png
- solid-sharp: https://gentleface.com/svg/solid-sharp/16/carousel-horizontal.svg · PNG https://gentleface.com/png/solid-sharp/16/carousel-horizontal.png · https://gentleface.com/png/solid-sharp/32/carousel-horizontal.png · https://gentleface.com/png/solid-sharp/48/carousel-horizontal.png

The SVG of every style: https://gentleface.com/icons/carousel-horizontal.json (`svg`).

## Code (line-round)

The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. For another style, take its SVG from the JSON and swap the path `d`.

### SVG

```svg
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M11.86 12.736C11.758 12.993 11.609 13.219 11.414 13.414C11.219 13.609 10.993 13.758 10.736 13.86C10.5 13.953 10.254 14 10 14L6 14C5.746 14 5.5 13.953 5.264 13.86C5.007 13.758 4.781 13.609 4.586 13.414C4.391 13.219 4.242 12.993 4.14 12.736C4.047 12.5 4 12.254 4 12L4 4C4 3.746 4.047 3.5 4.14 3.264C4.242 3.007 4.391 2.781 4.586 2.586C4.781 2.391 5.007 2.242 5.264 2.14C5.5 2.047 5.746 2 6 2L10 2C10.254 2 10.5 2.047 10.736 2.14C10.993 2.242 11.219 2.391 11.414 2.586C11.609 2.781 11.758 3.007 11.86 3.264C11.953 3.5 12 3.746 12 4L12 12C12 12.254 11.953 12.5 11.86 12.736ZM5.293 12.707C5.488 12.902 5.724 13 6 13L10 13C10.276 13 10.512 12.902 10.707 12.707C10.902 12.512 11 12.276 11 12L11 4C11 3.724 10.902 3.488 10.707 3.293C10.512 3.098 10.276 3 10 3L6 3C5.724 3 5.488 3.098 5.293 3.293C5.098 3.488 5 3.724 5 4L5 12C5 12.276 5.098 12.512 5.293 12.707ZM2.856 11.856C2.759 11.952 2.641 12 2.5 12L1.5 12C1.359 12 1.241 11.952 1.144 11.856C1.048 11.759 1 11.641 1 11.5C1 11.359 1.048 11.241 1.144 11.144C1.241 11.048 1.359 11 1.5 11L2 11L2 5L1.5 5C1.359 5 1.241 4.952 1.144 4.856C1.048 4.759 1 4.641 1 4.5C1 4.359 1.048 4.241 1.144 4.144C1.241 4.048 1.359 4 1.5 4L2.5 4C2.641 4 2.759 4.048 2.856 4.144C2.952 4.241 3 4.359 3 4.5L3 11.5C3 11.641 2.952 11.759 2.856 11.856ZM14 11L14.5 11C14.641 11 14.759 11.048 14.856 11.144C14.952 11.241 15 11.359 15 11.5C15 11.641 14.952 11.759 14.856 11.856C14.759 11.952 14.641 12 14.5 12L13.5 12C13.359 12 13.241 11.952 13.144 11.856C13.048 11.759 13 11.641 13 11.5L13 4.5C13 4.359 13.048 4.241 13.144 4.144C13.241 4.048 13.359 4 13.5 4L14.5 4C14.641 4 14.759 4.048 14.856 4.144C14.952 4.241 15 4.359 15 4.5C15 4.641 14.952 4.759 14.856 4.856C14.759 4.952 14.641 5 14.5 5L14 5L14 11Z"/></svg>
```

### React

```tsx
// Gentleface "carousel-horizontal" (line-round), MIT. https://gentleface.com/icons/carousel-horizontal
import type { SVGProps } from 'react';

export function CarouselHorizontalIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M11.86 12.736C11.758 12.993 11.609 13.219 11.414 13.414C11.219 13.609 10.993 13.758 10.736 13.86C10.5 13.953 10.254 14 10 14L6 14C5.746 14 5.5 13.953 5.264 13.86C5.007 13.758 4.781 13.609 4.586 13.414C4.391 13.219 4.242 12.993 4.14 12.736C4.047 12.5 4 12.254 4 12L4 4C4 3.746 4.047 3.5 4.14 3.264C4.242 3.007 4.391 2.781 4.586 2.586C4.781 2.391 5.007 2.242 5.264 2.14C5.5 2.047 5.746 2 6 2L10 2C10.254 2 10.5 2.047 10.736 2.14C10.993 2.242 11.219 2.391 11.414 2.586C11.609 2.781 11.758 3.007 11.86 3.264C11.953 3.5 12 3.746 12 4L12 12C12 12.254 11.953 12.5 11.86 12.736ZM5.293 12.707C5.488 12.902 5.724 13 6 13L10 13C10.276 13 10.512 12.902 10.707 12.707C10.902 12.512 11 12.276 11 12L11 4C11 3.724 10.902 3.488 10.707 3.293C10.512 3.098 10.276 3 10 3L6 3C5.724 3 5.488 3.098 5.293 3.293C5.098 3.488 5 3.724 5 4L5 12C5 12.276 5.098 12.512 5.293 12.707ZM2.856 11.856C2.759 11.952 2.641 12 2.5 12L1.5 12C1.359 12 1.241 11.952 1.144 11.856C1.048 11.759 1 11.641 1 11.5C1 11.359 1.048 11.241 1.144 11.144C1.241 11.048 1.359 11 1.5 11L2 11L2 5L1.5 5C1.359 5 1.241 4.952 1.144 4.856C1.048 4.759 1 4.641 1 4.5C1 4.359 1.048 4.241 1.144 4.144C1.241 4.048 1.359 4 1.5 4L2.5 4C2.641 4 2.759 4.048 2.856 4.144C2.952 4.241 3 4.359 3 4.5L3 11.5C3 11.641 2.952 11.759 2.856 11.856ZM14 11L14.5 11C14.641 11 14.759 11.048 14.856 11.144C14.952 11.241 15 11.359 15 11.5C15 11.641 14.952 11.759 14.856 11.856C14.759 11.952 14.641 12 14.5 12L13.5 12C13.359 12 13.241 11.952 13.144 11.856C13.048 11.759 13 11.641 13 11.5L13 4.5C13 4.359 13.048 4.241 13.144 4.144C13.241 4.048 13.359 4 13.5 4L14.5 4C14.641 4 14.759 4.048 14.856 4.144C14.952 4.241 15 4.359 15 4.5C15 4.641 14.952 4.759 14.856 4.856C14.759 4.952 14.641 5 14.5 5L14 5L14 11Z" />
    </svg>
  );
}
```

### Vue

```vue
<!-- Gentleface "carousel-horizontal" (line-round), MIT. https://gentleface.com/icons/carousel-horizontal -->
<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true">
    <path d="M11.86 12.736C11.758 12.993 11.609 13.219 11.414 13.414C11.219 13.609 10.993 13.758 10.736 13.86C10.5 13.953 10.254 14 10 14L6 14C5.746 14 5.5 13.953 5.264 13.86C5.007 13.758 4.781 13.609 4.586 13.414C4.391 13.219 4.242 12.993 4.14 12.736C4.047 12.5 4 12.254 4 12L4 4C4 3.746 4.047 3.5 4.14 3.264C4.242 3.007 4.391 2.781 4.586 2.586C4.781 2.391 5.007 2.242 5.264 2.14C5.5 2.047 5.746 2 6 2L10 2C10.254 2 10.5 2.047 10.736 2.14C10.993 2.242 11.219 2.391 11.414 2.586C11.609 2.781 11.758 3.007 11.86 3.264C11.953 3.5 12 3.746 12 4L12 12C12 12.254 11.953 12.5 11.86 12.736ZM5.293 12.707C5.488 12.902 5.724 13 6 13L10 13C10.276 13 10.512 12.902 10.707 12.707C10.902 12.512 11 12.276 11 12L11 4C11 3.724 10.902 3.488 10.707 3.293C10.512 3.098 10.276 3 10 3L6 3C5.724 3 5.488 3.098 5.293 3.293C5.098 3.488 5 3.724 5 4L5 12C5 12.276 5.098 12.512 5.293 12.707ZM2.856 11.856C2.759 11.952 2.641 12 2.5 12L1.5 12C1.359 12 1.241 11.952 1.144 11.856C1.048 11.759 1 11.641 1 11.5C1 11.359 1.048 11.241 1.144 11.144C1.241 11.048 1.359 11 1.5 11L2 11L2 5L1.5 5C1.359 5 1.241 4.952 1.144 4.856C1.048 4.759 1 4.641 1 4.5C1 4.359 1.048 4.241 1.144 4.144C1.241 4.048 1.359 4 1.5 4L2.5 4C2.641 4 2.759 4.048 2.856 4.144C2.952 4.241 3 4.359 3 4.5L3 11.5C3 11.641 2.952 11.759 2.856 11.856ZM14 11L14.5 11C14.641 11 14.759 11.048 14.856 11.144C14.952 11.241 15 11.359 15 11.5C15 11.641 14.952 11.759 14.856 11.856C14.759 11.952 14.641 12 14.5 12L13.5 12C13.359 12 13.241 11.952 13.144 11.856C13.048 11.759 13 11.641 13 11.5L13 4.5C13 4.359 13.048 4.241 13.144 4.144C13.241 4.048 13.359 4 13.5 4L14.5 4C14.641 4 14.759 4.048 14.856 4.144C14.952 4.241 15 4.359 15 4.5C15 4.641 14.952 4.759 14.856 4.856C14.759 4.952 14.641 5 14.5 5L14 5L14 11Z" />
  </svg>
</template>
```

### Svelte

```svelte
<!-- Gentleface "carousel-horizontal" (line-round), MIT. https://gentleface.com/icons/carousel-horizontal -->
<script>
  let props = $props();
</script>

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
  <path d="M11.86 12.736C11.758 12.993 11.609 13.219 11.414 13.414C11.219 13.609 10.993 13.758 10.736 13.86C10.5 13.953 10.254 14 10 14L6 14C5.746 14 5.5 13.953 5.264 13.86C5.007 13.758 4.781 13.609 4.586 13.414C4.391 13.219 4.242 12.993 4.14 12.736C4.047 12.5 4 12.254 4 12L4 4C4 3.746 4.047 3.5 4.14 3.264C4.242 3.007 4.391 2.781 4.586 2.586C4.781 2.391 5.007 2.242 5.264 2.14C5.5 2.047 5.746 2 6 2L10 2C10.254 2 10.5 2.047 10.736 2.14C10.993 2.242 11.219 2.391 11.414 2.586C11.609 2.781 11.758 3.007 11.86 3.264C11.953 3.5 12 3.746 12 4L12 12C12 12.254 11.953 12.5 11.86 12.736ZM5.293 12.707C5.488 12.902 5.724 13 6 13L10 13C10.276 13 10.512 12.902 10.707 12.707C10.902 12.512 11 12.276 11 12L11 4C11 3.724 10.902 3.488 10.707 3.293C10.512 3.098 10.276 3 10 3L6 3C5.724 3 5.488 3.098 5.293 3.293C5.098 3.488 5 3.724 5 4L5 12C5 12.276 5.098 12.512 5.293 12.707ZM2.856 11.856C2.759 11.952 2.641 12 2.5 12L1.5 12C1.359 12 1.241 11.952 1.144 11.856C1.048 11.759 1 11.641 1 11.5C1 11.359 1.048 11.241 1.144 11.144C1.241 11.048 1.359 11 1.5 11L2 11L2 5L1.5 5C1.359 5 1.241 4.952 1.144 4.856C1.048 4.759 1 4.641 1 4.5C1 4.359 1.048 4.241 1.144 4.144C1.241 4.048 1.359 4 1.5 4L2.5 4C2.641 4 2.759 4.048 2.856 4.144C2.952 4.241 3 4.359 3 4.5L3 11.5C3 11.641 2.952 11.759 2.856 11.856ZM14 11L14.5 11C14.641 11 14.759 11.048 14.856 11.144C14.952 11.241 15 11.359 15 11.5C15 11.641 14.952 11.759 14.856 11.856C14.759 11.952 14.641 12 14.5 12L13.5 12C13.359 12 13.241 11.952 13.144 11.856C13.048 11.759 13 11.641 13 11.5L13 4.5C13 4.359 13.048 4.241 13.144 4.144C13.241 4.048 13.359 4 13.5 4L14.5 4C14.641 4 14.759 4.048 14.856 4.144C14.952 4.241 15 4.359 15 4.5C15 4.641 14.952 4.759 14.856 4.856C14.759 4.952 14.641 5 14.5 5L14 5L14 11Z" />
</svg>
```

### HTML img

```html
<!-- Gentleface "carousel-horizontal" (line-round), MIT. https://gentleface.com/icons/carousel-horizontal. An <img> can't take currentColor: it draws black. Inline the SVG or use the CSS mask to color it. -->
<img src="https://gentleface.com/svg/line-round/16/carousel-horizontal.svg" width="16" height="16" alt="">
```

### CSS

```css
/* Gentleface "carousel-horizontal" (line-round), MIT. https://gentleface.com/icons/carousel-horizontal. Takes the text color. */
.icon-carousel-horizontal {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M11.86 12.736C11.758 12.993 11.609 13.219 11.414 13.414C11.219 13.609 10.993 13.758 10.736 13.86C10.5 13.953 10.254 14 10 14L6 14C5.746 14 5.5 13.953 5.264 13.86C5.007 13.758 4.781 13.609 4.586 13.414C4.391 13.219 4.242 12.993 4.14 12.736C4.047 12.5 4 12.254 4 12L4 4C4 3.746 4.047 3.5 4.14 3.264C4.242 3.007 4.391 2.781 4.586 2.586C4.781 2.391 5.007 2.242 5.264 2.14C5.5 2.047 5.746 2 6 2L10 2C10.254 2 10.5 2.047 10.736 2.14C10.993 2.242 11.219 2.391 11.414 2.586C11.609 2.781 11.758 3.007 11.86 3.264C11.953 3.5 12 3.746 12 4L12 12C12 12.254 11.953 12.5 11.86 12.736ZM5.293 12.707C5.488 12.902 5.724 13 6 13L10 13C10.276 13 10.512 12.902 10.707 12.707C10.902 12.512 11 12.276 11 12L11 4C11 3.724 10.902 3.488 10.707 3.293C10.512 3.098 10.276 3 10 3L6 3C5.724 3 5.488 3.098 5.293 3.293C5.098 3.488 5 3.724 5 4L5 12C5 12.276 5.098 12.512 5.293 12.707ZM2.856 11.856C2.759 11.952 2.641 12 2.5 12L1.5 12C1.359 12 1.241 11.952 1.144 11.856C1.048 11.759 1 11.641 1 11.5C1 11.359 1.048 11.241 1.144 11.144C1.241 11.048 1.359 11 1.5 11L2 11L2 5L1.5 5C1.359 5 1.241 4.952 1.144 4.856C1.048 4.759 1 4.641 1 4.5C1 4.359 1.048 4.241 1.144 4.144C1.241 4.048 1.359 4 1.5 4L2.5 4C2.641 4 2.759 4.048 2.856 4.144C2.952 4.241 3 4.359 3 4.5L3 11.5C3 11.641 2.952 11.759 2.856 11.856ZM14 11L14.5 11C14.641 11 14.759 11.048 14.856 11.144C14.952 11.241 15 11.359 15 11.5C15 11.641 14.952 11.759 14.856 11.856C14.759 11.952 14.641 12 14.5 12L13.5 12C13.359 12 13.241 11.952 13.144 11.856C13.048 11.759 13 11.641 13 11.5L13 4.5C13 4.359 13.048 4.241 13.144 4.144C13.241 4.048 13.359 4 13.5 4L14.5 4C14.641 4 14.759 4.048 14.856 4.144C14.952 4.241 15 4.359 15 4.5C15 4.641 14.952 4.759 14.856 4.856C14.759 4.952 14.641 5 14.5 5L14 5L14 11Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M11.86 12.736C11.758 12.993 11.609 13.219 11.414 13.414C11.219 13.609 10.993 13.758 10.736 13.86C10.5 13.953 10.254 14 10 14L6 14C5.746 14 5.5 13.953 5.264 13.86C5.007 13.758 4.781 13.609 4.586 13.414C4.391 13.219 4.242 12.993 4.14 12.736C4.047 12.5 4 12.254 4 12L4 4C4 3.746 4.047 3.5 4.14 3.264C4.242 3.007 4.391 2.781 4.586 2.586C4.781 2.391 5.007 2.242 5.264 2.14C5.5 2.047 5.746 2 6 2L10 2C10.254 2 10.5 2.047 10.736 2.14C10.993 2.242 11.219 2.391 11.414 2.586C11.609 2.781 11.758 3.007 11.86 3.264C11.953 3.5 12 3.746 12 4L12 12C12 12.254 11.953 12.5 11.86 12.736ZM5.293 12.707C5.488 12.902 5.724 13 6 13L10 13C10.276 13 10.512 12.902 10.707 12.707C10.902 12.512 11 12.276 11 12L11 4C11 3.724 10.902 3.488 10.707 3.293C10.512 3.098 10.276 3 10 3L6 3C5.724 3 5.488 3.098 5.293 3.293C5.098 3.488 5 3.724 5 4L5 12C5 12.276 5.098 12.512 5.293 12.707ZM2.856 11.856C2.759 11.952 2.641 12 2.5 12L1.5 12C1.359 12 1.241 11.952 1.144 11.856C1.048 11.759 1 11.641 1 11.5C1 11.359 1.048 11.241 1.144 11.144C1.241 11.048 1.359 11 1.5 11L2 11L2 5L1.5 5C1.359 5 1.241 4.952 1.144 4.856C1.048 4.759 1 4.641 1 4.5C1 4.359 1.048 4.241 1.144 4.144C1.241 4.048 1.359 4 1.5 4L2.5 4C2.641 4 2.759 4.048 2.856 4.144C2.952 4.241 3 4.359 3 4.5L3 11.5C3 11.641 2.952 11.759 2.856 11.856ZM14 11L14.5 11C14.641 11 14.759 11.048 14.856 11.144C14.952 11.241 15 11.359 15 11.5C15 11.641 14.952 11.759 14.856 11.856C14.759 11.952 14.641 12 14.5 12L13.5 12C13.359 12 13.241 11.952 13.144 11.856C13.048 11.759 13 11.641 13 11.5L13 4.5C13 4.359 13.048 4.241 13.144 4.144C13.241 4.048 13.359 4 13.5 4L14.5 4C14.641 4 14.759 4.048 14.856 4.144C14.952 4.241 15 4.359 15 4.5C15 4.641 14.952 4.759 14.856 4.856C14.759 4.952 14.641 5 14.5 5L14 5L14 11Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
}
```

### Data URL

```text
data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M11.86 12.736C11.758 12.993 11.609 13.219 11.414 13.414C11.219 13.609 10.993 13.758 10.736 13.86C10.5 13.953 10.254 14 10 14L6 14C5.746 14 5.5 13.953 5.264 13.86C5.007 13.758 4.781 13.609 4.586 13.414C4.391 13.219 4.242 12.993 4.14 12.736C4.047 12.5 4 12.254 4 12L4 4C4 3.746 4.047 3.5 4.14 3.264C4.242 3.007 4.391 2.781 4.586 2.586C4.781 2.391 5.007 2.242 5.264 2.14C5.5 2.047 5.746 2 6 2L10 2C10.254 2 10.5 2.047 10.736 2.14C10.993 2.242 11.219 2.391 11.414 2.586C11.609 2.781 11.758 3.007 11.86 3.264C11.953 3.5 12 3.746 12 4L12 12C12 12.254 11.953 12.5 11.86 12.736ZM5.293 12.707C5.488 12.902 5.724 13 6 13L10 13C10.276 13 10.512 12.902 10.707 12.707C10.902 12.512 11 12.276 11 12L11 4C11 3.724 10.902 3.488 10.707 3.293C10.512 3.098 10.276 3 10 3L6 3C5.724 3 5.488 3.098 5.293 3.293C5.098 3.488 5 3.724 5 4L5 12C5 12.276 5.098 12.512 5.293 12.707ZM2.856 11.856C2.759 11.952 2.641 12 2.5 12L1.5 12C1.359 12 1.241 11.952 1.144 11.856C1.048 11.759 1 11.641 1 11.5C1 11.359 1.048 11.241 1.144 11.144C1.241 11.048 1.359 11 1.5 11L2 11L2 5L1.5 5C1.359 5 1.241 4.952 1.144 4.856C1.048 4.759 1 4.641 1 4.5C1 4.359 1.048 4.241 1.144 4.144C1.241 4.048 1.359 4 1.5 4L2.5 4C2.641 4 2.759 4.048 2.856 4.144C2.952 4.241 3 4.359 3 4.5L3 11.5C3 11.641 2.952 11.759 2.856 11.856ZM14 11L14.5 11C14.641 11 14.759 11.048 14.856 11.144C14.952 11.241 15 11.359 15 11.5C15 11.641 14.952 11.759 14.856 11.856C14.759 11.952 14.641 12 14.5 12L13.5 12C13.359 12 13.241 11.952 13.144 11.856C13.048 11.759 13 11.641 13 11.5L13 4.5C13 4.359 13.048 4.241 13.144 4.144C13.241 4.048 13.359 4 13.5 4L14.5 4C14.641 4 14.759 4.048 14.856 4.144C14.952 4.241 15 4.359 15 4.5C15 4.641 14.952 4.759 14.856 4.856C14.759 4.952 14.641 5 14.5 5L14 5L14 11Z'/%3E%3C/svg%3E
```

### Sprite

```html
<!-- Gentleface "carousel-horizontal" (line-round), MIT. https://gentleface.com/icons/carousel-horizontal
     Every icon of this style in one file: https://gentleface.com/sprite/line-round.svg
     Serve it from your own origin: <use> does not load from another origin. -->
<svg width="16" height="16" aria-hidden="true"><use href="/sprite/line-round.svg#carousel-horizontal"/></svg>
```

### SwiftUI

```swift
// Gentleface "carousel-horizontal" (line-round), MIT. https://gentleface.com/icons/carousel-horizontal
import SwiftUI

struct CarouselHorizontalIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 11.86, y: 12.736))
        p.addCurve(to: CGPoint(x: 11.414, y: 13.414), control1: CGPoint(x: 11.758, y: 12.993), control2: CGPoint(x: 11.609, y: 13.219))
        p.addCurve(to: CGPoint(x: 10.736, y: 13.86), control1: CGPoint(x: 11.219, y: 13.609), control2: CGPoint(x: 10.993, y: 13.758))
        p.addCurve(to: CGPoint(x: 10, y: 14), control1: CGPoint(x: 10.5, y: 13.953), control2: CGPoint(x: 10.254, y: 14))
        p.addLine(to: CGPoint(x: 6, y: 14))
        p.addCurve(to: CGPoint(x: 5.264, y: 13.86), control1: CGPoint(x: 5.746, y: 14), control2: CGPoint(x: 5.5, y: 13.953))
        p.addCurve(to: CGPoint(x: 4.586, y: 13.414), control1: CGPoint(x: 5.007, y: 13.758), control2: CGPoint(x: 4.781, y: 13.609))
        p.addCurve(to: CGPoint(x: 4.14, y: 12.736), control1: CGPoint(x: 4.391, y: 13.219), control2: CGPoint(x: 4.242, y: 12.993))
        p.addCurve(to: CGPoint(x: 4, y: 12), control1: CGPoint(x: 4.047, y: 12.5), control2: CGPoint(x: 4, y: 12.254))
        p.addLine(to: CGPoint(x: 4, y: 4))
        p.addCurve(to: CGPoint(x: 4.14, y: 3.264), control1: CGPoint(x: 4, y: 3.746), control2: CGPoint(x: 4.047, y: 3.5))
        p.addCurve(to: CGPoint(x: 4.586, y: 2.586), control1: CGPoint(x: 4.242, y: 3.007), control2: CGPoint(x: 4.391, y: 2.781))
        p.addCurve(to: CGPoint(x: 5.264, y: 2.14), control1: CGPoint(x: 4.781, y: 2.391), control2: CGPoint(x: 5.007, y: 2.242))
        p.addCurve(to: CGPoint(x: 6, y: 2), control1: CGPoint(x: 5.5, y: 2.047), control2: CGPoint(x: 5.746, y: 2))
        p.addLine(to: CGPoint(x: 10, y: 2))
        p.addCurve(to: CGPoint(x: 10.736, y: 2.14), control1: CGPoint(x: 10.254, y: 2), control2: CGPoint(x: 10.5, y: 2.047))
        p.addCurve(to: CGPoint(x: 11.414, y: 2.586), control1: CGPoint(x: 10.993, y: 2.242), control2: CGPoint(x: 11.219, y: 2.391))
        p.addCurve(to: CGPoint(x: 11.86, y: 3.264), control1: CGPoint(x: 11.609, y: 2.781), control2: CGPoint(x: 11.758, y: 3.007))
        p.addCurve(to: CGPoint(x: 12, y: 4), control1: CGPoint(x: 11.953, y: 3.5), control2: CGPoint(x: 12, y: 3.746))
        p.addLine(to: CGPoint(x: 12, y: 12))
        p.addCurve(to: CGPoint(x: 11.86, y: 12.736), control1: CGPoint(x: 12, y: 12.254), control2: CGPoint(x: 11.953, y: 12.5))
        p.closeSubpath()
        p.move(to: CGPoint(x: 5.293, y: 12.707))
        p.addCurve(to: CGPoint(x: 6, y: 13), control1: CGPoint(x: 5.488, y: 12.902), control2: CGPoint(x: 5.724, y: 13))
        p.addLine(to: CGPoint(x: 10, y: 13))
        p.addCurve(to: CGPoint(x: 10.707, y: 12.707), control1: CGPoint(x: 10.276, y: 13), control2: CGPoint(x: 10.512, y: 12.902))
        p.addCurve(to: CGPoint(x: 11, y: 12), control1: CGPoint(x: 10.902, y: 12.512), control2: CGPoint(x: 11, y: 12.276))
        p.addLine(to: CGPoint(x: 11, y: 4))
        p.addCurve(to: CGPoint(x: 10.707, y: 3.293), control1: CGPoint(x: 11, y: 3.724), control2: CGPoint(x: 10.902, y: 3.488))
        p.addCurve(to: CGPoint(x: 10, y: 3), control1: CGPoint(x: 10.512, y: 3.098), control2: CGPoint(x: 10.276, y: 3))
        p.addLine(to: CGPoint(x: 6, y: 3))
        p.addCurve(to: CGPoint(x: 5.293, y: 3.293), control1: CGPoint(x: 5.724, y: 3), control2: CGPoint(x: 5.488, y: 3.098))
        p.addCurve(to: CGPoint(x: 5, y: 4), control1: CGPoint(x: 5.098, y: 3.488), control2: CGPoint(x: 5, y: 3.724))
        p.addLine(to: CGPoint(x: 5, y: 12))
        p.addCurve(to: CGPoint(x: 5.293, y: 12.707), control1: CGPoint(x: 5, y: 12.276), control2: CGPoint(x: 5.098, y: 12.512))
        p.closeSubpath()
        p.move(to: CGPoint(x: 2.856, y: 11.856))
        p.addCurve(to: CGPoint(x: 2.5, y: 12), control1: CGPoint(x: 2.759, y: 11.952), control2: CGPoint(x: 2.641, y: 12))
        p.addLine(to: CGPoint(x: 1.5, y: 12))
        p.addCurve(to: CGPoint(x: 1.144, y: 11.856), control1: CGPoint(x: 1.359, y: 12), control2: CGPoint(x: 1.241, y: 11.952))
        p.addCurve(to: CGPoint(x: 1, y: 11.5), control1: CGPoint(x: 1.048, y: 11.759), control2: CGPoint(x: 1, y: 11.641))
        p.addCurve(to: CGPoint(x: 1.144, y: 11.144), control1: CGPoint(x: 1, y: 11.359), control2: CGPoint(x: 1.048, y: 11.241))
        p.addCurve(to: CGPoint(x: 1.5, y: 11), control1: CGPoint(x: 1.241, y: 11.048), control2: CGPoint(x: 1.359, y: 11))
        p.addLine(to: CGPoint(x: 2, y: 11))
        p.addLine(to: CGPoint(x: 2, y: 5))
        p.addLine(to: CGPoint(x: 1.5, y: 5))
        p.addCurve(to: CGPoint(x: 1.144, y: 4.856), control1: CGPoint(x: 1.359, y: 5), control2: CGPoint(x: 1.241, y: 4.952))
        p.addCurve(to: CGPoint(x: 1, y: 4.5), control1: CGPoint(x: 1.048, y: 4.759), control2: CGPoint(x: 1, y: 4.641))
        p.addCurve(to: CGPoint(x: 1.144, y: 4.144), control1: CGPoint(x: 1, y: 4.359), control2: CGPoint(x: 1.048, y: 4.241))
        p.addCurve(to: CGPoint(x: 1.5, y: 4), control1: CGPoint(x: 1.241, y: 4.048), control2: CGPoint(x: 1.359, y: 4))
        p.addLine(to: CGPoint(x: 2.5, y: 4))
        p.addCurve(to: CGPoint(x: 2.856, y: 4.144), control1: CGPoint(x: 2.641, y: 4), control2: CGPoint(x: 2.759, y: 4.048))
        p.addCurve(to: CGPoint(x: 3, y: 4.5), control1: CGPoint(x: 2.952, y: 4.241), control2: CGPoint(x: 3, y: 4.359))
        p.addLine(to: CGPoint(x: 3, y: 11.5))
        p.addCurve(to: CGPoint(x: 2.856, y: 11.856), control1: CGPoint(x: 3, y: 11.641), control2: CGPoint(x: 2.952, y: 11.759))
        p.closeSubpath()
        p.move(to: CGPoint(x: 14, y: 11))
        p.addLine(to: CGPoint(x: 14.5, y: 11))
        p.addCurve(to: CGPoint(x: 14.856, y: 11.144), control1: CGPoint(x: 14.641, y: 11), control2: CGPoint(x: 14.759, y: 11.048))
        p.addCurve(to: CGPoint(x: 15, y: 11.5), control1: CGPoint(x: 14.952, y: 11.241), control2: CGPoint(x: 15, y: 11.359))
        p.addCurve(to: CGPoint(x: 14.856, y: 11.856), control1: CGPoint(x: 15, y: 11.641), control2: CGPoint(x: 14.952, y: 11.759))
        p.addCurve(to: CGPoint(x: 14.5, y: 12), control1: CGPoint(x: 14.759, y: 11.952), control2: CGPoint(x: 14.641, y: 12))
        p.addLine(to: CGPoint(x: 13.5, y: 12))
        p.addCurve(to: CGPoint(x: 13.144, y: 11.856), control1: CGPoint(x: 13.359, y: 12), control2: CGPoint(x: 13.241, y: 11.952))
        p.addCurve(to: CGPoint(x: 13, y: 11.5), control1: CGPoint(x: 13.048, y: 11.759), control2: CGPoint(x: 13, y: 11.641))
        p.addLine(to: CGPoint(x: 13, y: 4.5))
        p.addCurve(to: CGPoint(x: 13.144, y: 4.144), control1: CGPoint(x: 13, y: 4.359), control2: CGPoint(x: 13.048, y: 4.241))
        p.addCurve(to: CGPoint(x: 13.5, y: 4), control1: CGPoint(x: 13.241, y: 4.048), control2: CGPoint(x: 13.359, y: 4))
        p.addLine(to: CGPoint(x: 14.5, y: 4))
        p.addCurve(to: CGPoint(x: 14.856, y: 4.144), control1: CGPoint(x: 14.641, y: 4), control2: CGPoint(x: 14.759, y: 4.048))
        p.addCurve(to: CGPoint(x: 15, y: 4.5), control1: CGPoint(x: 14.952, y: 4.241), control2: CGPoint(x: 15, y: 4.359))
        p.addCurve(to: CGPoint(x: 14.856, y: 4.856), control1: CGPoint(x: 15, y: 4.641), control2: CGPoint(x: 14.952, y: 4.759))
        p.addCurve(to: CGPoint(x: 14.5, y: 5), control1: CGPoint(x: 14.759, y: 4.952), control2: CGPoint(x: 14.641, y: 5))
        p.addLine(to: CGPoint(x: 14, y: 5))
        p.addLine(to: CGPoint(x: 14, y: 11))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

// CarouselHorizontalIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp.
```

### Compose

```kotlin
// Gentleface "carousel-horizontal" (line-round), MIT. https://gentleface.com/icons/carousel-horizontal
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.SolidColor
import androidx.compose.ui.graphics.vector.ImageVector
import androidx.compose.ui.graphics.vector.addPathNodes
import androidx.compose.ui.unit.dp

val CarouselHorizontalIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "carousel-horizontal", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("M11.86 12.736C11.758 12.993 11.609 13.219 11.414 13.414C11.219 13.609 10.993 13.758 10.736 13.86C10.5 13.953 10.254 14 10 14L6 14C5.746 14 5.5 13.953 5.264 13.86C5.007 13.758 4.781 13.609 4.586 13.414C4.391 13.219 4.242 12.993 4.14 12.736C4.047 12.5 4 12.254 4 12L4 4C4 3.746 4.047 3.5 4.14 3.264C4.242 3.007 4.391 2.781 4.586 2.586C4.781 2.391 5.007 2.242 5.264 2.14C5.5 2.047 5.746 2 6 2L10 2C10.254 2 10.5 2.047 10.736 2.14C10.993 2.242 11.219 2.391 11.414 2.586C11.609 2.781 11.758 3.007 11.86 3.264C11.953 3.5 12 3.746 12 4L12 12C12 12.254 11.953 12.5 11.86 12.736ZM5.293 12.707C5.488 12.902 5.724 13 6 13L10 13C10.276 13 10.512 12.902 10.707 12.707C10.902 12.512 11 12.276 11 12L11 4C11 3.724 10.902 3.488 10.707 3.293C10.512 3.098 10.276 3 10 3L6 3C5.724 3 5.488 3.098 5.293 3.293C5.098 3.488 5 3.724 5 4L5 12C5 12.276 5.098 12.512 5.293 12.707ZM2.856 11.856C2.759 11.952 2.641 12 2.5 12L1.5 12C1.359 12 1.241 11.952 1.144 11.856C1.048 11.759 1 11.641 1 11.5C1 11.359 1.048 11.241 1.144 11.144C1.241 11.048 1.359 11 1.5 11L2 11L2 5L1.5 5C1.359 5 1.241 4.952 1.144 4.856C1.048 4.759 1 4.641 1 4.5C1 4.359 1.048 4.241 1.144 4.144C1.241 4.048 1.359 4 1.5 4L2.5 4C2.641 4 2.759 4.048 2.856 4.144C2.952 4.241 3 4.359 3 4.5L3 11.5C3 11.641 2.952 11.759 2.856 11.856ZM14 11L14.5 11C14.641 11 14.759 11.048 14.856 11.144C14.952 11.241 15 11.359 15 11.5C15 11.641 14.952 11.759 14.856 11.856C14.759 11.952 14.641 12 14.5 12L13.5 12C13.359 12 13.241 11.952 13.144 11.856C13.048 11.759 13 11.641 13 11.5L13 4.5C13 4.359 13.048 4.241 13.144 4.144C13.241 4.048 13.359 4 13.5 4L14.5 4C14.641 4 14.759 4.048 14.856 4.144C14.952 4.241 15 4.359 15 4.5C15 4.641 14.952 4.759 14.856 4.856C14.759 4.952 14.641 5 14.5 5L14 5L14 11Z"),
        fill = SolidColor(Color.Black),
    ).build()
}

// Icon(CarouselHorizontalIcon, contentDescription = null) tints it with LocalContentColor.
```

### Android XML

```xml
<!-- res/drawable/ic_carousel_horizontal.xml · Gentleface "carousel-horizontal" (line-round), MIT. https://gentleface.com/icons/carousel-horizontal -->
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="16dp"
    android:height="16dp"
    android:viewportWidth="16"
    android:viewportHeight="16"
    android:tint="?attr/colorControlNormal">
  <path
      android:fillColor="@android:color/white"
      android:pathData="M11.86 12.736C11.758 12.993 11.609 13.219 11.414 13.414C11.219 13.609 10.993 13.758 10.736 13.86C10.5 13.953 10.254 14 10 14L6 14C5.746 14 5.5 13.953 5.264 13.86C5.007 13.758 4.781 13.609 4.586 13.414C4.391 13.219 4.242 12.993 4.14 12.736C4.047 12.5 4 12.254 4 12L4 4C4 3.746 4.047 3.5 4.14 3.264C4.242 3.007 4.391 2.781 4.586 2.586C4.781 2.391 5.007 2.242 5.264 2.14C5.5 2.047 5.746 2 6 2L10 2C10.254 2 10.5 2.047 10.736 2.14C10.993 2.242 11.219 2.391 11.414 2.586C11.609 2.781 11.758 3.007 11.86 3.264C11.953 3.5 12 3.746 12 4L12 12C12 12.254 11.953 12.5 11.86 12.736ZM5.293 12.707C5.488 12.902 5.724 13 6 13L10 13C10.276 13 10.512 12.902 10.707 12.707C10.902 12.512 11 12.276 11 12L11 4C11 3.724 10.902 3.488 10.707 3.293C10.512 3.098 10.276 3 10 3L6 3C5.724 3 5.488 3.098 5.293 3.293C5.098 3.488 5 3.724 5 4L5 12C5 12.276 5.098 12.512 5.293 12.707ZM2.856 11.856C2.759 11.952 2.641 12 2.5 12L1.5 12C1.359 12 1.241 11.952 1.144 11.856C1.048 11.759 1 11.641 1 11.5C1 11.359 1.048 11.241 1.144 11.144C1.241 11.048 1.359 11 1.5 11L2 11L2 5L1.5 5C1.359 5 1.241 4.952 1.144 4.856C1.048 4.759 1 4.641 1 4.5C1 4.359 1.048 4.241 1.144 4.144C1.241 4.048 1.359 4 1.5 4L2.5 4C2.641 4 2.759 4.048 2.856 4.144C2.952 4.241 3 4.359 3 4.5L3 11.5C3 11.641 2.952 11.759 2.856 11.856ZM14 11L14.5 11C14.641 11 14.759 11.048 14.856 11.144C14.952 11.241 15 11.359 15 11.5C15 11.641 14.952 11.759 14.856 11.856C14.759 11.952 14.641 12 14.5 12L13.5 12C13.359 12 13.241 11.952 13.144 11.856C13.048 11.759 13 11.641 13 11.5L13 4.5C13 4.359 13.048 4.241 13.144 4.144C13.241 4.048 13.359 4 13.5 4L14.5 4C14.641 4 14.759 4.048 14.856 4.144C14.952 4.241 15 4.359 15 4.5C15 4.641 14.952 4.759 14.856 4.856C14.759 4.952 14.641 5 14.5 5L14 5L14 11Z"/>
</vector>
```

### Flutter

```dart
// Gentleface "carousel-horizontal" (line-round), MIT. https://gentleface.com/icons/carousel-horizontal
import 'package:flutter/widgets.dart';

class CarouselHorizontalIcon extends StatelessWidget {
  const CarouselHorizontalIcon({super.key, this.size = 16, this.color});
  final double size;
  final Color? color;

  @override
  Widget build(BuildContext context) => CustomPaint(
        size: Size.square(size),
        painter: _CarouselHorizontalIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)),
      );
}

class _CarouselHorizontalIconPainter extends CustomPainter {
  _CarouselHorizontalIconPainter(this.color);
  final Color color;

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(11.86, 12.736)
      ..cubicTo(11.758, 12.993, 11.609, 13.219, 11.414, 13.414)
      ..cubicTo(11.219, 13.609, 10.993, 13.758, 10.736, 13.86)
      ..cubicTo(10.5, 13.953, 10.254, 14, 10, 14)
      ..lineTo(6, 14)
      ..cubicTo(5.746, 14, 5.5, 13.953, 5.264, 13.86)
      ..cubicTo(5.007, 13.758, 4.781, 13.609, 4.586, 13.414)
      ..cubicTo(4.391, 13.219, 4.242, 12.993, 4.14, 12.736)
      ..cubicTo(4.047, 12.5, 4, 12.254, 4, 12)
      ..lineTo(4, 4)
      ..cubicTo(4, 3.746, 4.047, 3.5, 4.14, 3.264)
      ..cubicTo(4.242, 3.007, 4.391, 2.781, 4.586, 2.586)
      ..cubicTo(4.781, 2.391, 5.007, 2.242, 5.264, 2.14)
      ..cubicTo(5.5, 2.047, 5.746, 2, 6, 2)
      ..lineTo(10, 2)
      ..cubicTo(10.254, 2, 10.5, 2.047, 10.736, 2.14)
      ..cubicTo(10.993, 2.242, 11.219, 2.391, 11.414, 2.586)
      ..cubicTo(11.609, 2.781, 11.758, 3.007, 11.86, 3.264)
      ..cubicTo(11.953, 3.5, 12, 3.746, 12, 4)
      ..lineTo(12, 12)
      ..cubicTo(12, 12.254, 11.953, 12.5, 11.86, 12.736)
      ..close()
      ..moveTo(5.293, 12.707)
      ..cubicTo(5.488, 12.902, 5.724, 13, 6, 13)
      ..lineTo(10, 13)
      ..cubicTo(10.276, 13, 10.512, 12.902, 10.707, 12.707)
      ..cubicTo(10.902, 12.512, 11, 12.276, 11, 12)
      ..lineTo(11, 4)
      ..cubicTo(11, 3.724, 10.902, 3.488, 10.707, 3.293)
      ..cubicTo(10.512, 3.098, 10.276, 3, 10, 3)
      ..lineTo(6, 3)
      ..cubicTo(5.724, 3, 5.488, 3.098, 5.293, 3.293)
      ..cubicTo(5.098, 3.488, 5, 3.724, 5, 4)
      ..lineTo(5, 12)
      ..cubicTo(5, 12.276, 5.098, 12.512, 5.293, 12.707)
      ..close()
      ..moveTo(2.856, 11.856)
      ..cubicTo(2.759, 11.952, 2.641, 12, 2.5, 12)
      ..lineTo(1.5, 12)
      ..cubicTo(1.359, 12, 1.241, 11.952, 1.144, 11.856)
      ..cubicTo(1.048, 11.759, 1, 11.641, 1, 11.5)
      ..cubicTo(1, 11.359, 1.048, 11.241, 1.144, 11.144)
      ..cubicTo(1.241, 11.048, 1.359, 11, 1.5, 11)
      ..lineTo(2, 11)
      ..lineTo(2, 5)
      ..lineTo(1.5, 5)
      ..cubicTo(1.359, 5, 1.241, 4.952, 1.144, 4.856)
      ..cubicTo(1.048, 4.759, 1, 4.641, 1, 4.5)
      ..cubicTo(1, 4.359, 1.048, 4.241, 1.144, 4.144)
      ..cubicTo(1.241, 4.048, 1.359, 4, 1.5, 4)
      ..lineTo(2.5, 4)
      ..cubicTo(2.641, 4, 2.759, 4.048, 2.856, 4.144)
      ..cubicTo(2.952, 4.241, 3, 4.359, 3, 4.5)
      ..lineTo(3, 11.5)
      ..cubicTo(3, 11.641, 2.952, 11.759, 2.856, 11.856)
      ..close()
      ..moveTo(14, 11)
      ..lineTo(14.5, 11)
      ..cubicTo(14.641, 11, 14.759, 11.048, 14.856, 11.144)
      ..cubicTo(14.952, 11.241, 15, 11.359, 15, 11.5)
      ..cubicTo(15, 11.641, 14.952, 11.759, 14.856, 11.856)
      ..cubicTo(14.759, 11.952, 14.641, 12, 14.5, 12)
      ..lineTo(13.5, 12)
      ..cubicTo(13.359, 12, 13.241, 11.952, 13.144, 11.856)
      ..cubicTo(13.048, 11.759, 13, 11.641, 13, 11.5)
      ..lineTo(13, 4.5)
      ..cubicTo(13, 4.359, 13.048, 4.241, 13.144, 4.144)
      ..cubicTo(13.241, 4.048, 13.359, 4, 13.5, 4)
      ..lineTo(14.5, 4)
      ..cubicTo(14.641, 4, 14.759, 4.048, 14.856, 4.144)
      ..cubicTo(14.952, 4.241, 15, 4.359, 15, 4.5)
      ..cubicTo(15, 4.641, 14.952, 4.759, 14.856, 4.856)
      ..cubicTo(14.759, 4.952, 14.641, 5, 14.5, 5)
      ..lineTo(14, 5)
      ..lineTo(14, 11)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

  @override
  bool shouldRepaint(_CarouselHorizontalIconPainter old) => old.color != color;
}
```