Icon Chevron

Icon Chevron คือ ไอคอนที่ใช้แสดงผลเมื่อต้องการแสดงทิศทาง

Source Code

ReactJs
Copy
export default function IconChevron({
  width = 16,
  color = "#333",
  degree = 0,
  className,
}) {
  return (
    <svg
      className={className}
      width={width}
      viewBox="0 0 193 337"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      style={{ transform: "rotate(" + degree + "deg)" }}
    >
      <path
        d="M168.545 24.9858L24.5452 168.986L168.545 312.986"
        stroke={color}
        strokeWidth="48"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </svg>
  );
}

Usage

reactjs
Copy
<IconChevron width="40" />

Properties

Property

Description

Type

Default

width

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

number

16

color

สีของ view

string

"#333"

degree

องศาของ view

number

0

className

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

string

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