posts carousel horizontal icon
posts-carousel-horizontal-broken from Solar by 480 Design · Broken · UI · CC-BY-4.0 Attribution required.
- Name
- posts-carousel-horizontal-broken
- Set
- Solar
- Style
- Broken
- Category
- UI
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
More ui icons from Solar
accessibility-boldadd-boldadd-circle-boldadd-square-boldaugmented-reality-boldballoon-boldbattery-charge-boldbattery-charge-minimalistic-boldbattery-full-boldbattery-full-minimalistic-boldbattery-half-boldbattery-half-minimalistic-boldbattery-low-boldbattery-low-minimalistic-boldblocks-boldbody-boldbolt-boldbolt-circle-boldbox-boldbox-minimalistic-boldbroom-boldcat-boldcheck-circle-boldcheck-square-bold
Use the posts carousel horizontal icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M22 19H21.5C20.1193 19 19 17.8807 19 16.5L19 7.5C19 6.11929 20.1193 5 21.5 5L22 5"/><path d="M2 19H2.5C3.88071 19 5 17.8807 5 16.5L5 7.5C5 6.11929 3.88071 5 2.5 5L2 5"/><path d="M14.9998 5.12601C15.387 5.2103 15.6792 5.35099 15.914 5.58579C16.4998 6.17157 16.4998 7.11438 16.4998 9L16.4998 15C16.4998 16.8856 16.4998 17.8284 15.914 18.4142C15.3282 19 14.3854 19 12.4998 19L11.4998 19C9.61414 19 8.67133 19 8.08554 18.4142C7.49976 17.8284 7.49976 16.8856 7.49976 15L7.49976 9C7.49976 7.11438 7.49976 6.17157 8.08554 5.58579C8.61709 5.05424 9.4426 5.00502 10.9998 5.00047"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarPostsCarouselHorizontalBroken(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path d="M22 19H21.5C20.1193 19 19 17.8807 19 16.5L19 7.5C19 6.11929 20.1193 5 21.5 5L22 5"/><path d="M2 19H2.5C3.88071 19 5 17.8807 5 16.5L5 7.5C5 6.11929 3.88071 5 2.5 5L2 5"/><path d="M14.9998 5.12601C15.387 5.2103 15.6792 5.35099 15.914 5.58579C16.4998 6.17157 16.4998 7.11438 16.4998 9L16.4998 15C16.4998 16.8856 16.4998 17.8284 15.914 18.4142C15.3282 19 14.3854 19 12.4998 19L11.4998 19C9.61414 19 8.67133 19 8.08554 18.4142C7.49976 17.8284 7.49976 16.8856 7.49976 15L7.49976 9C7.49976 7.11438 7.49976 6.17157 8.08554 5.58579C8.61709 5.05424 9.4426 5.00502 10.9998 5.00047"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M22 19H21.5C20.1193 19 19 17.8807 19 16.5L19 7.5C19 6.11929 20.1193 5 21.5 5L22 5"/><path d="M2 19H2.5C3.88071 19 5 17.8807 5 16.5L5 7.5C5 6.11929 3.88071 5 2.5 5L2 5"/><path d="M14.9998 5.12601C15.387 5.2103 15.6792 5.35099 15.914 5.58579C16.4998 6.17157 16.4998 7.11438 16.4998 9L16.4998 15C16.4998 16.8856 16.4998 17.8284 15.914 18.4142C15.3282 19 14.3854 19 12.4998 19L11.4998 19C9.61414 19 8.67133 19 8.08554 18.4142C7.49976 17.8284 7.49976 16.8856 7.49976 15L7.49976 9C7.49976 7.11438 7.49976 6.17157 8.08554 5.58579C8.61709 5.05424 9.4426 5.00502 10.9998 5.00047"/></g></svg> </template>
CSS
.icon-posts-carousel-horizontal-broken {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M22%2019H21.5C20.1193%2019%2019%2017.8807%2019%2016.5L19%207.5C19%206.11929%2020.1193%205%2021.5%205L22%205%22%2F%3E%3Cpath%20d%3D%22M2%2019H2.5C3.88071%2019%205%2017.8807%205%2016.5L5%207.5C5%206.11929%203.88071%205%202.5%205L2%205%22%2F%3E%3Cpath%20d%3D%22M14.9998%205.12601C15.387%205.2103%2015.6792%205.35099%2015.914%205.58579C16.4998%206.17157%2016.4998%207.11438%2016.4998%209L16.4998%2015C16.4998%2016.8856%2016.4998%2017.8284%2015.914%2018.4142C15.3282%2019%2014.3854%2019%2012.4998%2019L11.4998%2019C9.61414%2019%208.67133%2019%208.08554%2018.4142C7.49976%2017.8284%207.49976%2016.8856%207.49976%2015L7.49976%209C7.49976%207.11438%207.49976%206.17157%208.08554%205.58579C8.61709%205.05424%209.4426%205.00502%2010.9998%205.00047%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M22%2019H21.5C20.1193%2019%2019%2017.8807%2019%2016.5L19%207.5C19%206.11929%2020.1193%205%2021.5%205L22%205%22%2F%3E%3Cpath%20d%3D%22M2%2019H2.5C3.88071%2019%205%2017.8807%205%2016.5L5%207.5C5%206.11929%203.88071%205%202.5%205L2%205%22%2F%3E%3Cpath%20d%3D%22M14.9998%205.12601C15.387%205.2103%2015.6792%205.35099%2015.914%205.58579C16.4998%206.17157%2016.4998%207.11438%2016.4998%209L16.4998%2015C16.4998%2016.8856%2016.4998%2017.8284%2015.914%2018.4142C15.3282%2019%2014.3854%2019%2012.4998%2019L11.4998%2019C9.61414%2019%208.67133%2019%208.08554%2018.4142C7.49976%2017.8284%207.49976%2016.8856%207.49976%2015L7.49976%209C7.49976%207.11438%207.49976%206.17157%208.08554%205.58579C8.61709%205.05424%209.4426%205.00502%2010.9998%205.00047%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/posts-carousel-horizontal-broken.svg?color=%231a73e8&size=48
