# post-carousel/4.0.3/src/components/selectField/icon.js

Smart Post – Post Grid, Post Carousel, Post Slider Gutenberg Blocks for Blog & News, version 4.0.3. 40 lines.

- Page: https://pluginprobe.com/plugins/post-carousel/4.0.3/code/src/components/selectField/icon.js
- Raw: https://pluginprobe.com/plugins/post-carousel/4.0.3/raw/src/components/selectField/icon.js
- Modified: 2026-04-24T11:48:54+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/post-carousel/4.0.3/code/src/components/selectField/icon.js#L10-L20`.

```javascript
export const LeftIcon = () => (
	<svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none">
		<path d="M4 19.8h8.9v-1.5H4v1.5Zm8.9-15.6H4v1.5h8.9V4.2Zm-8.9 7v1.5h16v-1.5H4Z" />
	</svg>
);
export const LeftIconV = () => (
	<svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none">
		<path d="M19.8 12.9V4h-1.5v8.9h1.5Zm-15.6 0h1.5V4H4.2v8.9Zm8.6 7.1V4h-1.5v16h1.5Z" />
	</svg>
);
export const CenterIcon = () => (
	<svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none">
		<path d="M16.4 4.2H7.6v1.5h8.9V4.2h-.1ZM4 11.2v1.5h16v-1.5H4Zm3.6 8.6h8.9v-1.5H7.6v1.5Z" />
	</svg>
);
export const RightIcon = () => (
	<svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none">
		<path d="M11.1 19.8H20v-1.5h-8.9v1.5Zm0-15.6v1.5H20V4.2h-8.9ZM4 12.8h16v-1.5H4v1.5Z" />
	</svg>
);
export const RightIconV = () => (
	<svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none">
		<path d="M19.8 20v-8.9h-1.5V20h1.5ZM4.2 11.1V20h1.5v-8.9H4.2Zm7 8.9h1.5V4h-1.5v16Z" />
	</svg>
);
export const FullWithIcon = () => (
	<svg
		xmlns="http://www.w3.org/2000/svg"
		xmlSpace="preserve"
		width={24}
		height={24}
		style={{
			enableBackground: "new 0 0 24 24",
		}}
		viewBox="0 0 24 24"
	>
		<path d="M4 18.3h16v1.5H4zM4 4.3h16v1.5H4zM4 11.3h16v1.5H4z" />
	</svg>
);

```