Kode simbol html untuk kategori Box Drawing atau yang sering kita sebut Gambar Kotak cek dan pelajari kode pemrograman, css, unicode, dan bahasa pemrograman lain untuk simbol-simbol yang ada di HTMl.
Section Artikel
- 1 Elemen blok / Block elements
- 2 Diagonal / Diagonals
- 3 Garis berat / Heavy lines
- 4 Garis terang dan ganda / Light and double lines
- 5 Garis putus-putus ringan dan berat / Light and heavy dashed lines
- 6 Setengah garis ringan dan berat / Light and heavy half lines
- 7 Garis padat ringan dan berat / Light and heavy solid lines
- 8 Busur cahaya / Light arcs
- 9 Garis cahaya / Light lines
- 10 Karakter blok bayangan / Shade block characters
- 11 Karakter grafis terminal / Terminal graphic characters
Elemen blok / Block elements
| Simbol | HTML Code | HTML Entity | CSS Code | Hex Code | Unicode | Keterangan |
|---|---|---|---|---|---|---|
| ▀ | ▀ | ▀ | \2580 | ▀ | U+02580 | Setengah Blok Atas |
| ▁ | ▁ | \2581 | ▁ | U+02581 | Turunkan Satu Blok Kedelapan | |
| ▂ | ▂ | \2582 | ▂ | U+02582 | Lebih Rendah Seperempat Blok | |
| ▃ | ▃ | \2583 | ▃ | U+02583 | Turunkan Tiga Blok Perdelapan | |
| ▄ | ▄ | ▄ | \2584 | ▄ | U+02584 | Setengah Blok Bawah |
| ▅ | ▅ | \2585 | ▅ | U+02585 | Blok Lima Perdelapan Yang Lebih Rendah | |
| ▆ | ▆ | \2586 | ▆ | U+02586 | Blok Tiga Perempat Bagian Bawah | |
| ▇ | ▇ | \2587 | ▇ | U+02587 | Turunkan Blok Tujuh Perdelapan | |
| █ | █ | █ | \2588 | █ | U+02588 | Blok Penuh |
| ▉ | ▉ | \2589 | ▉ | U+02589 | Meninggalkan Blok Tujuh Per Delapan | |
| ▊ | ▊ | \258A | ▊ | U+0258A | Meninggalkan Tiga Perempat Blok | |
| ▋ | ▋ | \258B | ▋ | U+0258B | Meninggalkan Blok Lima Per Delapan | |
| ▌ | ▌ | \258C | ▌ | U+0258C | Setengah Blok Kiri | |
| ▍ | ▍ | \258D | ▍ | U+0258D | Meninggalkan Blok Tiga Perdelapan | |
| ▎ | ▎ | \258E | ▎ | U+0258E | Meninggalkan Seperempat Blok | |
| ▏ | ▏ | \258F | ▏ | U+0258F | Meninggalkan Satu Blok Kedelapan | |
| ▐ | ▐ | \2590 | ▐ | U+02590 | Setengah Blok Kanan | |
| ▔ | ▔ | \2594 | ▔ | U+02594 | Atas Satu Blok Kedelapan | |
| ▕ | ▕ | \2595 | ▕ | U+02595 | Kanan Satu Blok Kedelapan |
Diagonal / Diagonals
| Simbol | HTML Code | HTML Entity | CSS Code | Hex Code | Unicode | Keterangan |
|---|---|---|---|---|---|---|
| ╱ | ╱ | \2571 | ╱ | U+02571 | Gambar Kotak Cahaya Diagonal Kanan Atas Ke Kiri Bawah | |
| ╲ | ╲ | \2572 | ╲ | U+02572 | Gambar Kotak Cahaya Diagonal Kiri Atas Ke Kanan Bawah | |
| ╳ | ╳ | \2573 | ╳ | U+02573 | Kotak Gambar Salib Diagonal Ringan |
Garis berat / Heavy lines
| Simbol | HTML Code | HTML Entity | CSS Code | Hex Code | Unicode | Keterangan |
|---|---|---|---|---|---|---|
| ━ | ━ | \2501 | ━ | U+02501 | Gambar Kotak Horizontal Berat | |
| ┃ | ┃ | \2503 | ┃ | U+02503 | Gambar Kotak Vertikal Berat | |
| ┏ | ┏ | \250F | ┏ | U+0250F | Gambar Kotak Berat Ke Bawah Dan Ke Kanan | |
| ┓ | ┓ | \2513 | ┓ | U+02513 | Gambar Kotak Berat Ke Bawah Dan Ke Kiri | |
| ┗ | ┗ | \2517 | ┗ | U+02517 | Gambar Kotak Berat Ke Atas Dan Ke Kanan | |
| ┛ | ┛ | \251B | ┛ | U+0251B | Gambar Kotak Berat Ke Atas Dan Ke Kiri | |
| ┣ | ┣ | \2523 | ┣ | U+02523 | Gambar Kotak Berat Vertikal Dan Kanan | |
| ┫ | ┫ | \252B | ┫ | U+0252B | Gambar Kotak Berat Vertikal Dan Kiri | |
| ┳ | ┳ | \2533 | ┳ | U+02533 | Gambar Kotak Berat Ke Bawah Dan Horizontal | |
| ┻ | ┻ | \253B | ┻ | U+0253B | Gambar Kotak Berat Dan Horizontal | |
| ╋ | ╋ | \254B | ╋ | U+0254B | Gambar Kotak Vertikal Dan Horizontal Yang Berat |
Garis terang dan ganda / Light and double lines
| Simbol | HTML Code | HTML Entity | CSS Code | Hex Code | Unicode | Keterangan |
|---|---|---|---|---|---|---|
| ╒ | ╒ | ╒ | \2552 | ╒ | U+02552 | Gambar Kotak Ke Bawah Tunggal Dan Ganda Kanan |
| ╓ | ╓ | ╓ | \2553 | ╓ | U+02553 | Kotak Gambar Ke Bawah Ganda Dan Kanan Tunggal |
| ╔ | ╔ | ╔ | \2554 | ╔ | U+02554 | Gambar Kotak Ganda Ke Bawah Dan Ke Kanan |
| ╕ | ╕ | ╕ | \2555 | ╕ | U+02555 | Gambar Kotak Ke Bawah Tunggal Dan Kiri Ganda |
| ╖ | ╖ | ╖ | \2556 | ╖ | U+02556 | Gambar Kotak Bawah Ganda Dan Kiri Tunggal |
| ╗ | ╗ | ╗ | \2557 | ╗ | U+02557 | Gambar Kotak Ganda Ke Bawah Dan Kiri |
| ╘ | ╘ | ╘ | \2558 | ╘ | U+02558 | Kotak Menggambar Tunggal Dan Ganda Kanan |
| ╙ | ╙ | ╙ | \2559 | ╙ | U+02559 | Kotak Menggambar Ganda Dan Tunggal Kanan |
| ╚ | ╚ | ╚ | \255A | ╚ | U+0255A | Gambar Kotak Ganda Ke Atas Dan Ke Kanan |
| ╛ | ╛ | ╛ | \255B | ╛ | U+0255B | Kotak Menggambar Tunggal Dan Kiri Ganda |
| ╜ | ╜ | ╜ | \255C | ╜ | U+0255C | Kotak Menggambar Ganda Dan Kiri Tunggal |
| ╝ | ╝ | ╝ | \255D | ╝ | U+0255D | Gambar Kotak Ganda Ke Atas Dan Kiri |
| ╞ | ╞ | ╞ | \255E | ╞ | U+0255E | Gambar Kotak Vertikal Tunggal Dan Ganda Kanan |
| ╟ | ╟ | ╟ | \255F | ╟ | U+0255F | Gambar Kotak Vertikal Ganda Dan Tunggal Kanan |
| ╠ | ╠ | ╠ | \2560 | ╠ | U+02560 | Gambar Kotak Ganda Vertikal Dan Kanan |
| ╡ | ╡ | ╡ | \2561 | ╡ | U+02561 | Gambar Kotak Vertikal Tunggal Dan Kiri Ganda |
| ╢ | ╢ | ╢ | \2562 | ╢ | U+02562 | Gambar Kotak Vertikal Ganda Dan Kiri Tunggal |
| ╣ | ╣ | ╣ | \2563 | ╣ | U+02563 | Gambar Kotak Ganda Vertikal Dan Kiri |
| ╤ | ╤ | ╤ | \2564 | ╤ | U+02564 | Kotak Menggambar Ke Bawah Tunggal Dan Horizontal Ganda |
| ╥ | ╥ | ╥ | \2565 | ╥ | U+02565 | Gambar Kotak Ke Bawah Tunggal Ganda Dan Horizontal |
| ╦ | ╦ | ╦ | \2566 | ╦ | U+02566 | Gambar Kotak Ganda Ke Bawah Dan Horizontal |
| ╧ | ╧ | ╧ | \2567 | ╧ | U+02567 | Kotak Menggambar Ganda Tunggal Dan Horizontal |
| ╨ | ╨ | ╨ | \2568 | ╨ | U+02568 | Kotak Menggambar Tunggal Ganda Dan Horizontal |
| ╩ | ╩ | ╩ | \2569 | ╩ | U+02569 | Gambar Kotak Ganda Dan Horizontal |
| ╪ | ╪ | ╪ | \256A | ╪ | U+0256A | Gambar Kotak Vertikal Tunggal Dan Horizontal Ganda |
| ╫ | ╫ | ╫ | \256B | ╫ | U+0256B | Kotak Gambar Vertikal Ganda Dan Horizontal Tunggal |
| ╬ | ╬ | ╬ | \256C | ╬ | U+0256C | Gambar Kotak Ganda Vertikal Dan Horizontal |
Garis putus-putus ringan dan berat / Light and heavy dashed lines
| Simbol | HTML Code | HTML Entity | CSS Code | Hex Code | Unicode | Keterangan |
|---|---|---|---|---|---|---|
| ┄ | ┄ | \2504 | ┄ | U+02504 | Gambar Kotak Dasbor Rangkap Tiga Horizontal | |
| ┅ | ┅ | \2505 | ┅ | U+02505 | Gambar Kotak Dasbor Rangkap Tiga Berat Horizontal | |
| ┆ | ┆ | \2506 | ┆ | U+02506 | Kotak Gambar Garis Tiga Dasbor Vertikal | |
| ┇ | ┇ | \2507 | ┇ | U+02507 | Gambar Kotak Vertikal Tanda Hubung Tiga Berat | |
| ┈ | ┈ | \2508 | ┈ | U+02508 | Gambar Kotak Dasbor Empat Kali Lipat Ringan Horizontal | |
| ┉ | ┉ | \2509 | ┉ | U+02509 | Gambar Kotak Dasbor Empat Kali Lipat Berat Horizontal | |
| ┊ | ┊ | \250A | ┊ | U+0250A | Gambar Kotak Dasbor Empat Kali Lipat Ringan Vertikal | |
| ┋ | ┋ | \250B | ┋ | U+0250B | Gambar Kotak Tanda Hubung Empat Kali Lipat Vertikal | |
| ╌ | ╌ | \254C | ╌ | U+0254C | Gambar Kotak Dasbor Ganda Ringan Horizontal | |
| ╍ | ╍ | \254D | ╍ | U+0254D | Gambar Kotak Tanda Hubung Ganda Berat Horizontal | |
| ╎ | ╎ | \254E | ╎ | U+0254E | Gambar Kotak Tanda Hubung Ganda Vertikal | |
| ╏ | ╏ | \254F | ╏ | U+0254F | Gambar Kotak Tanda Hubung Ganda Berat Vertikal |
Setengah garis ringan dan berat / Light and heavy half lines
| Simbol | HTML Code | HTML Entity | CSS Code | Hex Code | Unicode | Keterangan |
|---|---|---|---|---|---|---|
| ╴ | ╴ | \2574 | ╴ | U+02574 | Gambar Kotak Kiri Terang | |
| ╵ | ╵ | \2575 | ╵ | U+02575 | Gambar Kotak Menyala | |
| ╶ | ╶ | \2576 | ╶ | U+02576 | Gambar Kotak Ringan Kanan | |
| ╷ | ╷ | \2577 | ╷ | U+02577 | Gambar Kotak Redup | |
| ╸ | ╸ | \2578 | ╸ | U+02578 | Gambar Kotak Kiri Berat | |
| ╹ | ╹ | \2579 | ╹ | U+02579 | Gambar Kotak Berat | |
| ╺ | ╺ | \257A | ╺ | U+0257A | Gambar Kotak Berat Kan | |
| ╻ | ╻ | \257B | ╻ | U+0257B | Gambar Kotak Berat Ke Bawah | |
| ╼ | ╼ | \257C | ╼ | U+0257C | Gambar Kotak Kiri Ringan Dan Kanan Berat | |
| ╽ | ╽ | \257D | ╽ | U+0257D | Gambar Kotak Menyala Dan Turun Berat | |
| ╾ | ╾ | \257E | ╾ | U+0257E | Gambar Kotak Berat Kiri Dan Kanan Ringan | |
| ╿ | ╿ | \257F | ╿ | U+0257F | Gambar Kotak Berat Ke Atas Dan Ke Bawah |
Garis padat ringan dan berat / Light and heavy solid lines
| Simbol | HTML Code | HTML Entity | CSS Code | Hex Code | Unicode | Keterangan |
|---|---|---|---|---|---|---|
| ┍ | ┍ | \250D | ┍ | U+0250D | Gambar Kotak Turun Ringan Dan Berat Kanan | |
| ┎ | ┎ | \250E | ┎ | U+0250E | Gambar Kotak Turun Berat Dan Ringan Kanan | |
| ┑ | ┑ | \2511 | ┑ | U+02511 | Gambar Kotak Turun Ringan Dan Kiri Berat | |
| ┒ | ┒ | \2512 | ┒ | U+02512 | Gambar Kotak Turun Berat Dan Ringan Kiri | |
| ┕ | ┕ | \2515 | ┕ | U+02515 | Gambar Kotak Ringan Dan Berat Kanan | |
| ┖ | ┖ | \2516 | ┖ | U+02516 | Gambar Kotak Berat Dan Ringan Kanan | |
| ┙ | ┙ | \2519 | ┙ | U+02519 | Gambar Kotak Ringan Dan Kiri Berat | |
| ┚ | ┚ | \251A | ┚ | U+0251A | Gambar Kotak Berat Dan Kiri Ringan | |
| ┝ | ┝ | \251D | ┝ | U+0251D | Gambar Kotak Vertikal Ringan Dan Berat Kanan | |
| ┞ | ┞ | \251E | ┞ | U+0251E | Gambar Kotak Naik Berat Dan Turun Ringan | |
| ┟ | ┟ | \251F | ┟ | U+0251F | Gambar Kotak Turun Berat Dan Kanan Atas Ringan | |
| ┠ | ┠ | \2520 | ┠ | U+02520 | Gambar Kotak Vertikal Berat Dan Ringan Kanan | |
| ┡ | ┡ | \2521 | ┡ | U+02521 | Gambar Kotak Turun Ringan Dan Kanan Atas Berat | |
| ┢ | ┢ | \2522 | ┢ | U+02522 | Gambar Kotak Naik Ringan Dan Turun Berat | |
| ┥ | ┥ | \2525 | ┥ | U+02525 | Gambar Kotak Vertikal Ringan Dan Kiri Berat | |
| ┦ | ┦ | \2526 | ┦ | U+02526 | Gambar Kotak Berat Dan Kiri Bawah Ringan | |
| ┧ | ┧ | \2527 | ┧ | U+02527 | Gambar Kotak Turun Berat Dan Kiri Atas Ringan | |
| ┨ | ┨ | \2528 | ┨ | U+02528 | Gambar Kotak Vertikal Berat Dan Ringan Kiri | |
| ┩ | ┩ | \2529 | ┩ | U+02529 | Gambar Kotak Di Bawah Ringan Dan Dibiarkan Berat | |
| ┪ | ┪ | \252A | ┪ | U+0252A | Gambar Kotak Ringan Dan Kiri Bawah Berat | |
| ┭ | ┭ | \252D | ┭ | U+0252D | Gambar Kotak Kiri Berat Dan Kanan Bawah Ringan | |
| ┮ | ┮ | \252E | ┮ | U+0252E | Gambar Kotak Kanan Berat Dan Kiri Bawah Ringan | |
| ┯ | ┯ | \252F | ┯ | U+0252F | Gambar Kotak Turun Ringan Dan Berat Horizontal | |
| ┰ | ┰ | \2530 | ┰ | U+02530 | Kotak Menggambar Cahaya Berat Dan Horizontal | |
| ┱ | ┱ | \2531 | ┱ | U+02531 | Gambar Kotak Kanan Ringan Dan Kiri Bawah Berat | |
| ┲ | ┲ | \2532 | ┲ | U+02532 | Gambar Kotak Kiri Ringan Dan Kanan Bawah Berat | |
| ┵ | ┵ | \2535 | ┵ | U+02535 | Gambar Kotak Kiri Berat Dan Kanan Atas Ringan | |
| ┶ | ┶ | \2536 | ┶ | U+02536 | Gambar Kotak Kanan Berat Dan Kiri Atas Ringan | |
| ┷ | ┷ | \2537 | ┷ | U+02537 | Kotak Menggambar Ringan Dan Berat Horizontal | |
| ┸ | ┸ | \2538 | ┸ | U+02538 | Kotak Menggambar Cahaya Berat Dan Horizontal | |
| ┹ | ┹ | \2539 | ┹ | U+02539 | Gambar Kotak Kanan Ringan Dan Kiri Atas Berat | |
| ┺ | ┺ | \253A | ┺ | U+0253A | Gambar Kotak Kiri Ringan Dan Kanan Atas Berat | |
| ┽ | ┽ | \253D | ┽ | U+0253D | Gambar Kotak Kiri Berat Dan Cahaya Vertikal Kanan | |
| ┾ | ┾ | \253E | ┾ | U+0253E | Gambar Kotak Kanan Berat Dan Kiri Vertikal Ringan | |
| ┿ | ┿ | \253F | ┿ | U+0253F | Gambar Kotak Vertikal Ringan Dan Berat Horizontal | |
| ╀ | ╀ | \2540 | ╀ | U+02540 | Kotak Menggambar Cahaya Horizontal Yang Berat Dan Ke Bawah | |
| ╁ | ╁ | \2541 | ╁ | U+02541 | Gambar Kotak Turun Berat Dan Atas Cahaya Horizontal | |
| ╂ | ╂ | \2542 | ╂ | U+02542 | Gambar Kotak Vertikal Berat Dan Ringan Horizontal | |
| ╃ | ╃ | \2543 | ╃ | U+02543 | Gambar Kotak Kiri Atas Berat Dan Kanan Bawah Ringan | |
| ╄ | ╄ | \2544 | ╄ | U+02544 | Gambar Kotak Kanan Atas Berat Dan Kiri Bawah Ringan | |
| ╅ | ╅ | \2545 | ╅ | U+02545 | Gambar Kotak Kiri Bawah Berat Dan Kanan Atas Ringan | |
| ╆ | ╆ | \2546 | ╆ | U+02546 | Gambar Kotak Kanan Bawah Berat Dan Kiri Atas Ringan | |
| ╇ | ╇ | \2547 | ╇ | U+02547 | Gambar Kotak Ke Bawah Ringan Dan Ke Atas Horizontal Berat | |
| ╈ | ╈ | \2548 | ╈ | U+02548 | Gambar Kotak Ke Atas Ringan Dan Ke Bawah Horizontal Berat | |
| ╉ | ╉ | \2549 | ╉ | U+02549 | Gambar Kotak Kanan Ringan Dan Kiri Vertikal Berat | |
| ╊ | ╊ | \254A | ╊ | U+0254A | Gambar Kotak Kiri Ringan Dan Kanan Vertikal Berat | |
| ╋ | ╋ | \254B | ╋ | U+0254B | Gambar Kotak Vertikal Dan Horizontal Yang Berat |
Busur cahaya / Light arcs
| Simbol | HTML Code | HTML Entity | CSS Code | Hex Code | Unicode | Keterangan |
|---|---|---|---|---|---|---|
| ╭ | ╭ | \256D | ╭ | U+0256D | Gambar Kotak Cahaya Melengkung Ke Bawah Dan Ke Kanan | |
| ╮ | ╮ | \256E | ╮ | U+0256E | Gambar Kotak Cahaya Melengkung Ke Bawah Dan Ke Kiri | |
| ╯ | ╯ | \256F | ╯ | U+0256F | Gambar Kotak Cahaya Melengkung Ke Atas Dan Ke Kiri | |
| ╰ | ╰ | \2570 | ╰ | U+02570 | Gambar Kotak Cahaya Melengkung Ke Atas Dan Ke Kanan |
Garis cahaya / Light lines
| Simbol | HTML Code | HTML Entity | CSS Code | Hex Code | Unicode | Keterangan |
|---|---|---|---|---|---|---|
| ─ | ─ | ─ | \2500 | ─ | U+02500 | Gambar Kotak Cahaya Horizontal |
| │ | │ | │ | \2502 | │ | U+02502 | Gambar Kotak Vertikal Ringan |
| ┌ | ┌ | ┌ | \250C | ┌ | U+0250C | Gambar Kotak Menyala Ke Bawah Dan Ke Kanan |
| ┐ | ┐ | ┐ | \2510 | ┐ | U+02510 | Gambar Kotak Menyala Ke Bawah Dan Ke Kiri |
| └ | └ | └ | \2514 | └ | U+02514 | Gambar Kotak Menyala Dan Kanan |
| ┘ | ┘ | ┘ | \2518 | ┘ | U+02518 | Gambar Kotak Menyala Dan Kiri |
| ├ | ├ | ├ | \251C | ├ | U+0251C | Gambar Kotak Cahaya Vertikal Dan Kanan |
| ┤ | ┤ | ┤ | \2524 | ┤ | U+02524 | Gambar Kotak Cahaya Vertikal Dan Kiri |
| ┬ | ┬ | ┬ | \252C | ┬ | U+0252C | Gambar Kotak Ringan Dan Horizontal |
| ┴ | ┴ | ┴ | \2534 | ┴ | U+02534 | Gambar Kotak Menyala Dan Horizontal |
| ┼ | ┼ | ┼ | \253C | ┼ | U+0253C | Gambar Kotak Cahaya Vertikal Dan Horizontal |
Karakter blok bayangan / Shade block characters
| Simbol | HTML Code | HTML Entity | CSS Code | Hex Code | Unicode | Keterangan |
|---|---|---|---|---|---|---|
| ░ | ░ | ░ | \2591 | ░ | U+02591 | Naungan Terang, 25% |
| ▒ | ▒ | ▒ | \2592 | ▒ | U+02592 | Naungan Sedang, Isian Bintik, Isian Bertitik, 50% |
| ▓ | ▓ | ▓ | \2593 | ▓ | U+02593 | Naungan Gelap, 75% |
Karakter grafis terminal / Terminal graphic characters
| Simbol | HTML Code | HTML Entity | CSS Code | Hex Code | Unicode | Keterangan |
|---|---|---|---|---|---|---|
| ▖ | ▖ | \2596 | ▖ | U+02596 | Kuadran Kiri Bawah | |
| ▗ | ▗ | \2597 | ▗ | U+02597 | Kuadran Kanan Bawah | |
| ▘ | ▘ | \2598 | ▘ | U+02598 | Kuadran Kiri Atas | |
| ▙ | ▙ | \2599 | ▙ | U+02599 | Kuadran Kiri Atas Dan Kiri Bawah Dan Kanan Bawah | |
| ▚ | ▚ | \259A | ▚ | U+0259A | Kuadran Kiri Atas Dan Kanan Bawah | |
| ▛ | ▛ | \259B | ▛ | U+0259B | Kuadran Kiri Atas Dan Kanan Atas Dan Kiri Bawah | |
| ▜ | ▜ | \259C | ▜ | U+0259C | Kuadran Kiri Atas Dan Kanan Atas Dan Kanan Bawah | |
| ▝ | ▝ | \259D | ▝ | U+0259D | Kuadran Kanan Atas | |
| ▞ | ▞ | \259E | ▞ | U+0259E | Kuadran Kanan Atas Dan Kiri Bawah | |
| ▟ | ▟ | \259F | ▟ | U+0259F | Kuadran Kanan Atas Dan Kiri Bawah Dan Kanan Bawah |
