posts carousel horizontal icon
posts-carousel-horizontal-line-duotone from Solar by 480 Design · Line Duotone · UI · CC-BY-4.0 Attribution required.
- Name
- posts-carousel-horizontal-line-duotone
- Set
- Solar
- Style
- Line Duotone
- 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-width="1.5"><path d="M12.5 5C14.3856 5 15.3284 5 15.9142 5.58579C16.5 6.17157 16.5 7.11438 16.5 9V15C16.5 16.8856 16.5 17.8284 15.9142 18.4142C15.3284 19 14.3856 19 12.5 19H11.5C9.61438 19 8.67157 19 8.08579 18.4142C7.5 17.8284 7.5 16.8856 7.5 15L7.5 9C7.5 7.11438 7.5 6.17157 8.08579 5.58579C8.67157 5 9.61438 5 11.5 5L12.5 5Z"/><path stroke-linecap="round" d="M22 19H21.5C20.1193 19 19 17.8807 19 16.5L19 7.5C19 6.11929 20.1193 5 21.5 5L22 5" opacity=".5"/><path stroke-linecap="round" d="M2 19H2.5C3.88071 19 5 17.8807 5 16.5L5 7.5C5 6.11929 3.88071 5 2.5 5L2 5" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarPostsCarouselHorizontalLineDuotone(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" strokeWidth="1.5"><path d="M12.5 5C14.3856 5 15.3284 5 15.9142 5.58579C16.5 6.17157 16.5 7.11438 16.5 9V15C16.5 16.8856 16.5 17.8284 15.9142 18.4142C15.3284 19 14.3856 19 12.5 19H11.5C9.61438 19 8.67157 19 8.08579 18.4142C7.5 17.8284 7.5 16.8856 7.5 15L7.5 9C7.5 7.11438 7.5 6.17157 8.08579 5.58579C8.67157 5 9.61438 5 11.5 5L12.5 5Z"/><path strokeLinecap="round" d="M22 19H21.5C20.1193 19 19 17.8807 19 16.5L19 7.5C19 6.11929 20.1193 5 21.5 5L22 5" opacity=".5"/><path strokeLinecap="round" d="M2 19H2.5C3.88071 19 5 17.8807 5 16.5L5 7.5C5 6.11929 3.88071 5 2.5 5L2 5" opacity=".5"/></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-width="1.5"><path d="M12.5 5C14.3856 5 15.3284 5 15.9142 5.58579C16.5 6.17157 16.5 7.11438 16.5 9V15C16.5 16.8856 16.5 17.8284 15.9142 18.4142C15.3284 19 14.3856 19 12.5 19H11.5C9.61438 19 8.67157 19 8.08579 18.4142C7.5 17.8284 7.5 16.8856 7.5 15L7.5 9C7.5 7.11438 7.5 6.17157 8.08579 5.58579C8.67157 5 9.61438 5 11.5 5L12.5 5Z"/><path stroke-linecap="round" d="M22 19H21.5C20.1193 19 19 17.8807 19 16.5L19 7.5C19 6.11929 20.1193 5 21.5 5L22 5" opacity=".5"/><path stroke-linecap="round" d="M2 19H2.5C3.88071 19 5 17.8807 5 16.5L5 7.5C5 6.11929 3.88071 5 2.5 5L2 5" opacity=".5"/></g></svg> </template>
CSS
.icon-posts-carousel-horizontal-line-duotone {
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-width%3D%221.5%22%3E%3Cpath%20d%3D%22M12.5%205C14.3856%205%2015.3284%205%2015.9142%205.58579C16.5%206.17157%2016.5%207.11438%2016.5%209V15C16.5%2016.8856%2016.5%2017.8284%2015.9142%2018.4142C15.3284%2019%2014.3856%2019%2012.5%2019H11.5C9.61438%2019%208.67157%2019%208.08579%2018.4142C7.5%2017.8284%207.5%2016.8856%207.5%2015L7.5%209C7.5%207.11438%207.5%206.17157%208.08579%205.58579C8.67157%205%209.61438%205%2011.5%205L12.5%205Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%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%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%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%20opacity%3D%22.5%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-width%3D%221.5%22%3E%3Cpath%20d%3D%22M12.5%205C14.3856%205%2015.3284%205%2015.9142%205.58579C16.5%206.17157%2016.5%207.11438%2016.5%209V15C16.5%2016.8856%2016.5%2017.8284%2015.9142%2018.4142C15.3284%2019%2014.3856%2019%2012.5%2019H11.5C9.61438%2019%208.67157%2019%208.08579%2018.4142C7.5%2017.8284%207.5%2016.8856%207.5%2015L7.5%209C7.5%207.11438%207.5%206.17157%208.08579%205.58579C8.67157%205%209.61438%205%2011.5%205L12.5%205Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%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%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%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%20opacity%3D%22.5%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-line-duotone.svg?color=%231a73e8&size=48
