Icon Add Circle

Icon Add Circle คือ ไอคอนที่ใช้แสดงผลเมื่อต้องการเพิ่มข้อมูล

Source Code

ReactJs
Copy
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>
  );
}

Usage

ReactJs
Copy
import IconAddCircle from "../../element/icon/IconAddCircle";

export default function TestView() {
  return <div className="test-view">
          <IconAddCircle color="#fff" width={50} />
  </div>;
}

Properties

Property

Description

Type

Default

width

ความกว้างของ view

string

"14px"

color

สีของ view

string

"#333"

className

กำหนดลักษณะเฉพาะของ view

string

style

inline style

CSSProperties

ยักซ่า (Yakxar)
สร้างสรรค์และแบ่งปันสื่อดิจิทัลง่ายๆ ที่นี่
© 2025 ยักซ่า (Yakxar)