HTML

Gambar Kotak – Simbol HTML

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.

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

Sutiono S.Kom., M.Kom ., M.T.I

Hi, i'm lecturer, technopreneur, investor, businessman, of course an IT Maniac. Have more than 12 years experience in as professional, and 10 years as technopreneur.

Share
Tags: Simbol HTML