Icon Add Circle คือ ไอคอนที่ใช้แสดงผลเมื่อต้องการเพิ่มข้อมูล
export default function IconAddCircle({ width = "14px", color = "#333", style }) {
return (
<svg
width={width}
viewBox="0 0 512 512"
fill="none"
xmlns="http://www.w3.org/2000/svg"
style={style}
>
<path
d="M448 256C448 150 362 64 256 64C150 64 64 150 64 256C64 362 150 448 256 448C362 448 448 362 448 256Z"
stroke={color}
strokeWidth="32"
stroke-miterlimit="10"
/>
<path
d="M256 176V336M336 256H176"
stroke={color}
strokeWidth="32"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
}
import IconAddCircle from "../../element/icon/IconAddCircle";
export default function TestView() {
return <div className="test-view">
<IconAddCircle color="#fff" width={50} />
</div>;
}
Property | Description | Type | Default |
---|---|---|---|
width | ความกว้างของ view | string | "14px" |
color | สีของ view | string | "#333" |
className | กำหนดลักษณะเฉพาะของ view | string | |
style | inline style | CSSProperties |