Họa tiết sọc và sóng
Sọc, sóng, zíc zắc, chevron và lưới liền mạch. Chọn màu, độ dày nét và góc, rồi sao chép CSS hoặc tải xuống tệp SVG, PNG hay WebP miễn phí.
1Chọn họa tiết
Không có họa tiết nào khớp với các bộ lọc này.
Xem tất cả họa tiết2Chọn màu sắc
3Tinh chỉnh họa tiết
4Tạo chuyển động (tùy chọn)
Họa tiết dịch chuyển đúng một ô lặp mỗi vòng nên không bao giờ bị giật. Chuyển động được lưu trong mã và tệp SVG; các tệp ảnh vẫn đứng yên.
5Sao chép hoặc tải xuống
Tiêu đề của bạn ở đây
Xem họa tiết trông thế nào phía sau nội dung thực.
Bắt đầuThiết kế để bắt đầu
Chọn một thiết kế để mở trong trình chỉnh sửa, rồi thay đổi màu sắc và cài đặt của nó.
 rotate(0) scale(1)'%3E%3Crect width='64' height='38.4' fill='%231b2a49'/%3E%3Cpath d='M0 0C0 -8.84 7.16 -16 16 -16C24.84 -16 32 -8.84 32 0M0 38.4C0 29.56 7.16 22.4 16 22.4C24.84 22.4 32 29.56 32 38.4M64 0C64 -8.84 71.16 -16 80 -16C88.84 -16 96 -8.84 96 0M64 38.4C64 29.56 71.16 22.4 80 22.4C88.84 22.4 96 29.56 96 38.4M-32 0C-32 -8.84 -24.84 -16 -16 -16C-7.16 -16 0 -8.84 0 0M-32 38.4C-32 29.56 -24.84 22.4 -16 22.4C-7.16 22.4 0 29.56 0 38.4M32 0C32 -8.84 39.16 -16 48 -16C56.84 -16 64 -8.84 64 0M32 38.4C32 29.56 39.16 22.4 48 22.4C56.84 22.4 64 29.56 64 38.4M16 19.2C16 10.36 23.16 3.2 32 3.2C40.84 3.2 48 10.36 48 19.2M16 57.6C16 48.76 23.16 41.6 32 41.6C40.84 41.6 48 48.76 48 57.6M-16 19.2C-16 10.36 -8.84 3.2 0 3.2C8.84 3.2 16 10.36 16 19.2M-16 57.6C-16 48.76 -8.84 41.6 0 41.6C8.84 41.6 16 48.76 16 57.6M48 19.2C48 10.36 55.16 3.2 64 3.2C72.84 3.2 80 10.36 80 19.2M48 57.6C48 48.76 55.16 41.6 64 41.6C72.84 41.6 80 48.76 80 57.6' fill='none' stroke='%23f2e9d8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23p)'/%3E%3C/svg%3E)
Vòm đan xen 1
 rotate(0) scale(1)'%3E%3Crect width='24' height='48' fill='%23f2e9d8'/%3E%3Cpath d='M-24 8L0 8M0 8L24 8M24 8L48 8' fill='none' stroke='%231b2a49' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='0 6'/%3E%3Cpath d='M-24 24L0 24M0 24L24 24M24 24L48 24' fill='none' stroke='%23c8553d' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='0 6'/%3E%3Cpath d='M-24 40L0 40M0 40L24 40M24 40L48 40' fill='none' stroke='%23588157' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='0 6'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23p)'/%3E%3C/svg%3E)
Hạt cườm 1
 rotate(0) scale(1)'%3E%3Crect width='24' height='60' fill='%230f3d3e'/%3E%3Cpath d='M0 5L6 5M0 65L6 65M24 5L30 5M24 65L30 65M-12 5L-6 5M-12 65L-6 65M12 5L18 5M12 65L18 65M6 15L12 15M30 15L36 15M-6 15L0 15M18 15L24 15' fill='none' stroke='%23e2dcc8' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0 25L6 25M24 25L30 25M-12 25L-6 25M12 25L18 25M6 35L12 35M30 35L36 35M-6 35L0 35M18 35L24 35' fill='none' stroke='%23f0a04b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0 45L6 45M24 45L30 45M-12 45L-6 45M12 45L18 45M6 -5L12 -5M6 55L12 55M30 -5L36 -5M30 55L36 55M-6 -5L0 -5M-6 55L0 55M18 -5L24 -5M18 55L24 55' fill='none' stroke='%23c1554a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23p)'/%3E%3C/svg%3E)
Nét đứt 1
 rotate(0) scale(1)'%3E%3Crect width='32' height='32' fill='%23fff8ee'/%3E%3Cpath d='M5.33 1L5.33 15M5.33 33L5.33 47M21.33 -15L21.33 -1M21.33 17L21.33 31' fill='none' stroke='%23e63946' stroke-width='1.5' stroke-linecap='butt' stroke-linejoin='round'/%3E%3Cpath d='M-15 5.33L-1 5.33M17 5.33L31 5.33M1 21.33L15 21.33M33 21.33L47 21.33' fill='none' stroke='%231d3557' stroke-width='1.5' stroke-linecap='butt' stroke-linejoin='round'/%3E%3Cpath d='M10.67 1L10.67 15M10.67 33L10.67 47M26.67 -15L26.67 -1M26.67 17L26.67 31' fill='none' stroke='%23e63946' stroke-width='1.5' stroke-linecap='butt' stroke-linejoin='round'/%3E%3Cpath d='M-15 10.67L-1 10.67M17 10.67L31 10.67M1 26.67L15 26.67M33 26.67L47 26.67' fill='none' stroke='%231d3557' stroke-width='1.5' stroke-linecap='butt' stroke-linejoin='round'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23p)'/%3E%3C/svg%3E)
Khối gạch bóng 1
 rotate(0) scale(1)'%3E%3Crect width='16' height='16' fill='%2314213d'/%3E%3Cpath d='M-16 -16L0 0M-16 0L0 16M-16 16L0 32M0 -16L16 0M0 0L16 16M0 16L16 32M16 -16L32 0M16 0L32 16M16 16L32 32' fill='none' stroke='%23fca311' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M0 -16L-16 0M0 0L-16 16M0 16L-16 32M16 -16L0 0M16 0L0 16M16 16L0 32M32 -16L16 0M32 0L16 16M32 16L16 32' fill='none' stroke='%23e5e5e5' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23p)'/%3E%3C/svg%3E)
Gạch chéo 1
 rotate(0) scale(1)'%3E%3Crect width='20' height='48' fill='%23f7f3e9'/%3E%3Cpath d='M-20 13C-20 10.24 -17.76 8 -15 8C-12.24 8 -10 10.24 -10 13M-10 13C-10 10.24 -7.76 8 -5 8C-2.24 8 0 10.24 0 13M0 13C0 10.24 2.24 8 5 8C7.76 8 10 10.24 10 13M10 13C10 10.24 12.24 8 15 8C17.76 8 20 10.24 20 13M20 13C20 10.24 22.24 8 25 8C27.76 8 30 10.24 30 13M30 13C30 10.24 32.24 8 35 8C37.76 8 40 10.24 40 13' fill='none' stroke='%23264653' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M-15 29C-15 26.24 -12.76 24 -10 24C-7.24 24 -5 26.24 -5 29M-5 29C-5 26.24 -2.76 24 0 24C2.76 24 5 26.24 5 29M5 29C5 26.24 7.24 24 10 24C12.76 24 15 26.24 15 29M15 29C15 26.24 17.24 24 20 24C22.76 24 25 26.24 25 29M25 29C25 26.24 27.24 24 30 24C32.76 24 35 26.24 35 29M35 29C35 26.24 37.24 24 40 24C42.76 24 45 26.24 45 29' fill='none' stroke='%232a9d8f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M-20 -3C-20 -5.76 -17.76 -8 -15 -8C-12.24 -8 -10 -5.76 -10 -3M-10 -3C-10 -5.76 -7.76 -8 -5 -8C-2.24 -8 0 -5.76 0 -3M-20 45C-20 42.24 -17.76 40 -15 40C-12.24 40 -10 42.24 -10 45M-10 45C-10 42.24 -7.76 40 -5 40C-2.24 40 0 42.24 0 45M0 -3C0 -5.76 2.24 -8 5 -8C7.76 -8 10 -5.76 10 -3M10 -3C10 -5.76 12.24 -8 15 -8C17.76 -8 20 -5.76 20 -3M0 45C0 42.24 2.24 40 5 40C7.76 40 10 42.24 10 45M10 45C10 42.24 12.24 40 15 40C17.76 40 20 42.24 20 45M20 -3C20 -5.76 22.24 -8 25 -8C27.76 -8 30 -5.76 30 -3M30 -3C30 -5.76 32.24 -8 35 -8C37.76 -8 40 -5.76 40 -3M20 45C20 42.24 22.24 40 25 40C27.76 40 30 42.24 30 45M30 45C30 42.24 32.24 40 35 40C37.76 40 40 42.24 40 45' fill='none' stroke='%23e9c46a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23p)'/%3E%3C/svg%3E)
Vỏ sò 1
 rotate(0) scale(1)'%3E%3Crect width='48' height='48' fill='%232b2d42'/%3E%3Cpath d='M12 0C12 6.63 6.63 12 0 12M12 48C12 54.63 6.63 60 0 60M60 0C60 6.63 54.63 12 48 12M60 48C60 54.63 54.63 60 48 60' fill='none' stroke='%23edf2f4' stroke-width='2' stroke-linecap='butt' stroke-linejoin='round'/%3E%3Cpath d='M24 0C24 13.25 13.25 24 0 24M24 48C24 61.25 13.25 72 0 72M72 0C72 13.25 61.25 24 48 24M72 48C72 61.25 61.25 72 48 72' fill='none' stroke='%23ef233c' stroke-width='2' stroke-linecap='butt' stroke-linejoin='round'/%3E%3Cpath d='M0 12C-6.63 12 -12 6.63 -12 0M0 60C-6.63 60 -12 54.63 -12 48M48 12C41.37 12 36 6.63 36 0M48 60C41.37 60 36 54.63 36 48' fill='none' stroke='%23edf2f4' stroke-width='2' stroke-linecap='butt' stroke-linejoin='round'/%3E%3Cpath d='M0 24C-13.25 24 -24 13.25 -24 0M0 72C-13.25 72 -24 61.25 -24 48M48 24C34.75 24 24 13.25 24 0M48 72C34.75 72 24 61.25 24 48' fill='none' stroke='%23ef233c' stroke-width='2' stroke-linecap='butt' stroke-linejoin='round'/%3E%3Cpath d='M12 24C12 30.63 6.63 36 0 36M60 24C60 30.63 54.63 36 48 36' fill='none' stroke='%23edf2f4' stroke-width='2' stroke-linecap='butt' stroke-linejoin='round'/%3E%3Cpath d='M24 -24C24 -10.75 13.25 0 0 0M24 24C24 37.25 13.25 48 0 48M72 -24C72 -10.75 61.25 0 48 0M72 24C72 37.25 61.25 48 48 48' fill='none' stroke='%23ef233c' stroke-width='2' stroke-linecap='butt' stroke-linejoin='round'/%3E%3Cpath d='M0 36C-6.63 36 -12 30.63 -12 24M48 36C41.37 36 36 30.63 36 24' fill='none' stroke='%23edf2f4' stroke-width='2' stroke-linecap='butt' stroke-linejoin='round'/%3E%3Cpath d='M0 0C-13.25 0 -24 -10.75 -24 -24M0 48C-13.25 48 -24 37.25 -24 24M48 0C34.75 0 24 -10.75 24 -24M48 48C34.75 48 24 37.25 24 24' fill='none' stroke='%23ef233c' stroke-width='2' stroke-linecap='butt' stroke-linejoin='round'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23p)'/%3E%3C/svg%3E)
Cung góc 1
 rotate(0) scale(1)'%3E%3Crect width='24' height='36' fill='%23fdf0d5'/%3E%3Cg fill='%23780000'%3E%3Cpath d='M-24 0L0 0L0 18L-24 18Z'/%3E%3Cpath d='M-24 36L0 36L0 54L-24 54Z'/%3E%3Cpath d='M0 0L24 0L24 18L0 18Z'/%3E%3Cpath d='M0 36L24 36L24 54L0 54Z'/%3E%3Cpath d='M24 0L48 0L48 18L24 18Z'/%3E%3Cpath d='M24 36L48 36L48 54L24 54Z'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23p)'/%3E%3C/svg%3E)
Dải màu 1
 rotate(0) scale(1)'%3E%3Crect width='16' height='36' fill='%23283618'/%3E%3Cpath d='M-16 8L-16 4L-8 4L-8 8L0 8M-16 44L-16 40L-8 40L-8 44L0 44M0 8L0 4L8 4L8 8L16 8M0 44L0 40L8 40L8 44L16 44M16 8L16 4L24 4L24 8L32 8M16 44L16 40L24 40L24 44L32 44' fill='none' stroke='%23fefae0' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'/%3E%3Cpath d='M-16 20L-16 16L-8 16L-8 20L0 20M0 20L0 16L8 16L8 20L16 20M16 20L16 16L24 16L24 20L32 20' fill='none' stroke='%23dda15e' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'/%3E%3Cpath d='M-16 -4L-16 -8L-8 -8L-8 -4L0 -4M-16 32L-16 28L-8 28L-8 32L0 32M0 -4L0 -8L8 -8L8 -4L16 -4M0 32L0 28L8 28L8 32L16 32M16 -4L16 -8L24 -8L24 -4L32 -4M16 32L16 28L24 28L24 32L32 32' fill='none' stroke='%23bc6c25' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23p)'/%3E%3C/svg%3E)
Sóng vuông 1
 rotate(0) scale(1)'%3E%3Crect width='20' height='20' fill='%23faf3dd'/%3E%3Cpath d='M-20 -20L0 -20M-20 -20L-20 0M-20 0L0 0M-20 0L-20 20M-20 20L0 20M-20 20L-20 40M0 -20L20 -20M0 -20L0 0M0 0L20 0M0 0L0 20M0 20L20 20M0 20L0 40M20 -20L40 -20M20 -20L20 0M20 0L40 0M20 0L20 20M20 20L40 20M20 20L20 40' fill='none' stroke='%235e6472' stroke-width='1' stroke-linecap='butt' stroke-linejoin='round'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23p)'/%3E%3C/svg%3E)
Lưới 1
 rotate(0) scale(1)'%3E%3Crect width='60' height='60' fill='%2322223b'/%3E%3Cpath d='M-60 0L0 -60M-60 60L0 0M-60 120L0 60M0 0L60 -60M0 60L60 0M0 120L60 60M60 0L120 -60M60 60L120 0M60 120L120 60' fill='none' stroke='%23f2e9e4' stroke-width='4' stroke-linecap='butt' stroke-linejoin='round'/%3E%3Cpath d='M-40 0L20 -60M-40 60L20 0M-40 120L20 60M20 0L80 -60M20 60L80 0M20 120L80 60' fill='none' stroke='%23c9ada7' stroke-width='4' stroke-linecap='butt' stroke-linejoin='round'/%3E%3Cpath d='M-20 0L40 -60M-20 60L40 0M-20 120L40 60M40 0L100 -60M40 60L100 0M40 120L100 60' fill='none' stroke='%239a8c98' stroke-width='4' stroke-linecap='butt' stroke-linejoin='round'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23p)'/%3E%3C/svg%3E)
Sọc chéo 1
 rotate(0) scale(1)'%3E%3Crect width='16' height='33' fill='%2300171f'/%3E%3Cpath d='M-16 7L-8 4L0 7M-16 40L-8 37L0 40M0 7L8 4L16 7M0 40L8 37L16 40M16 7L24 4L32 7M16 40L24 37L32 40' fill='none' stroke='%2300a7e1' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'/%3E%3Cpath d='M-16 18L-8 15L0 18M0 18L8 15L16 18M16 18L24 15L32 18' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'/%3E%3Cpath d='M-16 -4L-8 -7L0 -4M-16 29L-8 26L0 29M0 -4L8 -7L16 -4M0 29L8 26L16 29M16 -4L24 -7L32 -4M16 29L24 26L32 29' fill='none' stroke='%23ff5a5f' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23p)'/%3E%3C/svg%3E)
Zíc zắc 1
Xem theo bộ sưu tập
 rotate(0) scale(1)'%3E%3Crect width='32' height='32' fill='%23fefefe'/%3E%3Cpath d='M16 16L25.6 16C25.6 21.3 21.3 25.6 16 25.6C10.7 25.6 6.4 21.3 6.4 16Z' fill='%23111111'/%3E%3Cpath d='M16 16L6.4 16C6.4 10.7 10.7 6.4 16 6.4C21.3 6.4 25.6 10.7 25.6 16Z' fill='%23777777'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23p)'/%3E%3C/svg%3E)
Chấm và hình tròn
189 họa tiết
 rotate(0) scale(1)'%3E%3Crect width='36' height='36' fill='%231b2a49'/%3E%3Cpath d='M-28.8 -36L-7.2 -36L0 -28.8L0 -7.2L-7.2 0L-28.8 0L-36 -7.2L-36 -28.8ZM-28.8 0L-7.2 0L0 7.2L0 28.8L-7.2 36L-28.8 36L-36 28.8L-36 7.2ZM-28.8 36L-7.2 36L0 43.2L0 64.8L-7.2 72L-28.8 72L-36 64.8L-36 43.2ZM7.2 -36L28.8 -36L36 -28.8L36 -7.2L28.8 0L7.2 0L0 -7.2L0 -28.8ZM7.2 0L28.8 0L36 7.2L36 28.8L28.8 36L7.2 36L0 28.8L0 7.2ZM7.2 36L28.8 36L36 43.2L36 64.8L28.8 72L7.2 72L0 64.8L0 43.2ZM43.2 -36L64.8 -36L72 -28.8L72 -7.2L64.8 0L43.2 0L36 -7.2L36 -28.8ZM43.2 0L64.8 0L72 7.2L72 28.8L64.8 36L43.2 36L36 28.8L36 7.2ZM43.2 36L64.8 36L72 43.2L72 64.8L64.8 72L43.2 72L36 64.8L36 43.2Z' fill='none' stroke='%23f2e9d8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='miter'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23p)'/%3E%3C/svg%3E)
Hình học
138 họa tiết
 rotate(0) scale(1)'%3E%3Crect width='32' height='32' fill='%23fefefe'/%3E%3Cg fill='%23111111'%3E%3Cpath d='M0 -16C0 -7.16 -7.16 0 -16 0C-24.84 0 -32 -7.16 -32 -16C-32 -24.84 -24.84 -32 -16 -32C-7.16 -32 0 -24.84 0 -16Z'/%3E%3Cpath d='M0 16C0 24.84 -7.16 32 -16 32C-24.84 32 -32 24.84 -32 16C-32 7.16 -24.84 0 -16 0C-7.16 0 0 7.16 0 16Z'/%3E%3Cpath d='M0 48C0 56.84 -7.16 64 -16 64C-24.84 64 -32 56.84 -32 48C-32 39.16 -24.84 32 -16 32C-7.16 32 0 39.16 0 48Z'/%3E%3Cpath d='M32 -16C32 -7.16 24.84 0 16 0C7.16 0 0 -7.16 0 -16C0 -24.84 7.16 -32 16 -32C24.84 -32 32 -24.84 32 -16Z'/%3E%3Cpath d='M32 16C32 24.84 24.84 32 16 32C7.16 32 0 24.84 0 16C0 7.16 7.16 0 16 0C24.84 0 32 7.16 32 16Z'/%3E%3Cpath d='M32 48C32 56.84 24.84 64 16 64C7.16 64 0 56.84 0 48C0 39.16 7.16 32 16 32C24.84 32 32 39.16 32 48Z'/%3E%3Cpath d='M64 -16C64 -7.16 56.84 0 48 0C39.16 0 32 -7.16 32 -16C32 -24.84 39.16 -32 48 -32C56.84 -32 64 -24.84 64 -16Z'/%3E%3Cpath d='M64 16C64 24.84 56.84 32 48 32C39.16 32 32 24.84 32 16C32 7.16 39.16 0 48 0C56.84 0 64 7.16 64 16Z'/%3E%3Cpath d='M64 48C64 56.84 56.84 64 48 64C39.16 64 32 56.84 32 48C32 39.16 39.16 32 48 32C56.84 32 64 39.16 64 48Z'/%3E%3C/g%3E%3Cpath d='M24 16C24 20.42 20.42 24 16 24C11.58 24 8 20.42 8 16C8 11.58 11.58 8 16 8C20.42 8 24 11.58 24 16Z' fill='%23777777'/%3E%3Cg fill='%23111111'%3E%3Cpath d='M16 0C16 8.84 8.84 16 0 16C-8.84 16 -16 8.84 -16 0C-16 -8.84 -8.84 -16 0 -16C8.84 -16 16 -8.84 16 0Z'/%3E%3Cpath d='M16 32C16 40.84 8.84 48 0 48C-8.84 48 -16 40.84 -16 32C-16 23.16 -8.84 16 0 16C8.84 16 16 23.16 16 32Z'/%3E%3Cpath d='M48 0C48 8.84 40.84 16 32 16C23.16 16 16 8.84 16 0C16 -8.84 23.16 -16 32 -16C40.84 -16 48 -8.84 48 0Z'/%3E%3Cpath d='M48 32C48 40.84 40.84 48 32 48C23.16 48 16 40.84 16 32C16 23.16 23.16 16 32 16C40.84 16 48 23.16 48 32Z'/%3E%3C/g%3E%3Cg fill='%23777777'%3E%3Cpath d='M8 0C8 4.42 4.42 8 0 8C-4.42 8 -8 4.42 -8 0C-8 -4.42 -4.42 -8 0 -8C4.42 -8 8 -4.42 8 0Z'/%3E%3Cpath d='M8 32C8 36.42 4.42 40 0 40C-4.42 40 -8 36.42 -8 32C-8 27.58 -4.42 24 0 24C4.42 24 8 27.58 8 32Z'/%3E%3Cpath d='M40 0C40 4.42 36.42 8 32 8C27.58 8 24 4.42 24 0C24 -4.42 27.58 -8 32 -8C36.42 -8 40 -4.42 40 0Z'/%3E%3Cpath d='M40 32C40 36.42 36.42 40 32 40C27.58 40 24 36.42 24 32C24 27.58 27.58 24 32 24C36.42 24 40 27.58 40 32Z'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23p)'/%3E%3C/svg%3E)
3D và ảo ảnh
99 họa tiết
 rotate(0) scale(1)'%3E%3Crect width='24' height='24' fill='%231b2a49'/%3E%3Cpath d='M12 -24L12 0M12 0L12 24M12 24L12 48M-24 12L0 12M0 12L24 12M24 12L48 12' fill='none' stroke='%23f2e9d8' stroke-width='1.5' stroke-linecap='butt' stroke-linejoin='round' stroke-dasharray='2 3'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23p)'/%3E%3C/svg%3E)
Vải dệt và đan
105 họa tiết
 rotate(0) scale(1)'%3E%3Crect width='28' height='16' fill='%23fefefe'/%3E%3Cg fill='%23111111'%3E%3Cpath d='M0 0L14 7L14 15L0 8Z'/%3E%3Cpath d='M0 16L14 23L14 31L0 24Z'/%3E%3Cpath d='M28 0L42 7L42 15L28 8Z'/%3E%3Cpath d='M28 16L42 23L42 31L28 24Z'/%3E%3C/g%3E%3Cg fill='%23777777'%3E%3Cpath d='M-14 7L0 0L0 8L-14 15Z'/%3E%3Cpath d='M-14 23L0 16L0 24L-14 31Z'/%3E%3Cpath d='M14 7L28 0L28 8L14 15Z'/%3E%3Cpath d='M14 23L28 16L28 24L14 31Z'/%3E%3Cpath d='M0 -8L14 -1L14 7L0 0Z'/%3E%3Cpath d='M0 8L14 15L14 23L0 16Z'/%3E%3Cpath d='M28 -8L42 -1L42 7L28 0Z'/%3E%3Cpath d='M28 8L42 15L42 23L28 16Z'/%3E%3C/g%3E%3Cg fill='%23d90429'%3E%3Cpath d='M-14 -1L0 -8L0 0L-14 7Z'/%3E%3Cpath d='M-14 15L0 8L0 16L-14 23Z'/%3E%3Cpath d='M14 -1L28 -8L28 0L14 7Z'/%3E%3Cpath d='M14 15L28 8L28 16L14 23Z'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23p)'/%3E%3C/svg%3E)
Gạch xây và gạch lát
148 họa tiết
 rotate(0) scale(1)'%3E%3Crect width='24' height='24' fill='%231b2a49'/%3E%3Cpath d='M0 -12C0 -5.37 -5.37 0 -12 0C-18.63 0 -24 -5.37 -24 -12C-24 -18.63 -18.63 -24 -12 -24C-5.37 -24 0 -18.63 0 -12ZM0 12C0 18.63 -5.37 24 -12 24C-18.63 24 -24 18.63 -24 12C-24 5.37 -18.63 0 -12 0C-5.37 0 0 5.37 0 12ZM0 36C0 42.63 -5.37 48 -12 48C-18.63 48 -24 42.63 -24 36C-24 29.37 -18.63 24 -12 24C-5.37 24 0 29.37 0 36ZM24 -12C24 -5.37 18.63 0 12 0C5.37 0 0 -5.37 0 -12C0 -18.63 5.37 -24 12 -24C18.63 -24 24 -18.63 24 -12ZM24 12C24 18.63 18.63 24 12 24C5.37 24 0 18.63 0 12C0 5.37 5.37 0 12 0C18.63 0 24 5.37 24 12ZM24 36C24 42.63 18.63 48 12 48C5.37 48 0 42.63 0 36C0 29.37 5.37 24 12 24C18.63 24 24 29.37 24 36ZM48 -12C48 -5.37 42.63 0 36 0C29.37 0 24 -5.37 24 -12C24 -18.63 29.37 -24 36 -24C42.63 -24 48 -18.63 48 -12ZM48 12C48 18.63 42.63 24 36 24C29.37 24 24 18.63 24 12C24 5.37 29.37 0 36 0C42.63 0 48 5.37 48 12ZM48 36C48 42.63 42.63 48 36 48C29.37 48 24 42.63 24 36C24 29.37 29.37 24 36 24C42.63 24 48 29.37 48 36ZM12 0C12 6.63 6.63 12 0 12C-6.63 12 -12 6.63 -12 0C-12 -6.63 -6.63 -12 0 -12C6.63 -12 12 -6.63 12 0ZM12 24C12 30.63 6.63 36 0 36C-6.63 36 -12 30.63 -12 24C-12 17.37 -6.63 12 0 12C6.63 12 12 17.37 12 24ZM36 0C36 6.63 30.63 12 24 12C17.37 12 12 6.63 12 0C12 -6.63 17.37 -12 24 -12C30.63 -12 36 -6.63 36 0ZM36 24C36 30.63 30.63 36 24 36C17.37 36 12 30.63 12 24C12 17.37 17.37 12 24 12C30.63 12 36 17.37 36 24Z' fill='none' stroke='%23f2e9d8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23p)'/%3E%3C/svg%3E)
Nhật Bản
33 họa tiết
 rotate(0) scale(1)'%3E%3Crect width='48' height='48' fill='%23fefefe'/%3E%3Cpath d='M-1.83 -14.82L-16.87 -16.87L-14.82 -1.83L-24 -13.92L-33.18 -1.83L-31.13 -16.87L-46.17 -14.82L-34.08 -24L-46.17 -33.18L-31.13 -31.13L-33.18 -46.17L-24 -34.08L-14.82 -46.17L-16.87 -31.13L-1.83 -33.18L-13.92 -24ZM-1.83 33.18L-16.87 31.13L-14.82 46.17L-24 34.08L-33.18 46.17L-31.13 31.13L-46.17 33.18L-34.08 24L-46.17 14.82L-31.13 16.87L-33.18 1.83L-24 13.92L-14.82 1.83L-16.87 16.87L-1.83 14.82L-13.92 24ZM-1.83 81.18L-16.87 79.13L-14.82 94.17L-24 82.08L-33.18 94.17L-31.13 79.13L-46.17 81.18L-34.08 72L-46.17 62.82L-31.13 64.87L-33.18 49.83L-24 61.92L-14.82 49.83L-16.87 64.87L-1.83 62.82L-13.92 72ZM46.17 -14.82L31.13 -16.87L33.18 -1.83L24 -13.92L14.82 -1.83L16.87 -16.87L1.83 -14.82L13.92 -24L1.83 -33.18L16.87 -31.13L14.82 -46.17L24 -34.08L33.18 -46.17L31.13 -31.13L46.17 -33.18L34.08 -24ZM46.17 33.18L31.13 31.13L33.18 46.17L24 34.08L14.82 46.17L16.87 31.13L1.83 33.18L13.92 24L1.83 14.82L16.87 16.87L14.82 1.83L24 13.92L33.18 1.83L31.13 16.87L46.17 14.82L34.08 24ZM46.17 81.18L31.13 79.13L33.18 94.17L24 82.08L14.82 94.17L16.87 79.13L1.83 81.18L13.92 72L1.83 62.82L16.87 64.87L14.82 49.83L24 61.92L33.18 49.83L31.13 64.87L46.17 62.82L34.08 72ZM94.17 -14.82L79.13 -16.87L81.18 -1.83L72 -13.92L62.82 -1.83L64.87 -16.87L49.83 -14.82L61.92 -24L49.83 -33.18L64.87 -31.13L62.82 -46.17L72 -34.08L81.18 -46.17L79.13 -31.13L94.17 -33.18L82.08 -24ZM94.17 33.18L79.13 31.13L81.18 46.17L72 34.08L62.82 46.17L64.87 31.13L49.83 33.18L61.92 24L49.83 14.82L64.87 16.87L62.82 1.83L72 13.92L81.18 1.83L79.13 16.87L94.17 14.82L82.08 24ZM94.17 81.18L79.13 79.13L81.18 94.17L72 82.08L62.82 94.17L64.87 79.13L49.83 81.18L61.92 72L49.83 62.82L64.87 64.87L62.82 49.83L72 61.92L81.18 49.83L79.13 64.87L94.17 62.82L82.08 72Z' fill='none' stroke='%23111111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='miter'/%3E%3Cpath d='M0 -12.96L4.8 -4.8L12.96 0L4.8 4.8L0 12.96L-4.8 4.8L-12.96 0L-4.8 -4.8ZM0 35.04L4.8 43.2L12.96 48L4.8 52.8L0 60.96L-4.8 52.8L-12.96 48L-4.8 43.2ZM48 -12.96L52.8 -4.8L60.96 0L52.8 4.8L48 12.96L43.2 4.8L35.04 0L43.2 -4.8ZM48 35.04L52.8 43.2L60.96 48L52.8 52.8L48 60.96L43.2 52.8L35.04 48L43.2 43.2Z' fill='none' stroke='%23777777' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='miter'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23p)'/%3E%3C/svg%3E)
Hồi giáo và Moor
30 họa tiết
 rotate(0) scale(1)'%3E%3Crect width='32' height='44.8' fill='%231b2a49'/%3E%3Cpath d='M-16 -44.8L0 -22.4L-16 0L-32 -22.4ZM-16 0L0 22.4L-16 44.8L-32 22.4ZM-16 44.8L0 67.2L-16 89.6L-32 67.2ZM16 -44.8L32 -22.4L16 0L0 -22.4ZM16 0L32 22.4L16 44.8L0 22.4ZM16 44.8L32 67.2L16 89.6L0 67.2ZM48 -44.8L64 -22.4L48 0L32 -22.4ZM48 0L64 22.4L48 44.8L32 22.4ZM48 44.8L64 67.2L48 89.6L32 67.2ZM0 -22.4L16 0L0 22.4L-16 0ZM0 22.4L16 44.8L0 67.2L-16 44.8ZM32 -22.4L48 0L32 22.4L16 0ZM32 22.4L48 44.8L32 67.2L16 44.8Z' fill='none' stroke='%23f2e9d8' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='miter'/%3E%3Cpath d='M16 11.2L24 22.4L16 33.6L8 22.4ZM0 -11.2L8 0L0 11.2L-8 0ZM0 33.6L8 44.8L0 56L-8 44.8ZM32 -11.2L40 0L32 11.2L24 0ZM32 33.6L40 44.8L32 56L24 44.8Z' fill='none' stroke='%23e4572e' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='miter'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23p)'/%3E%3C/svg%3E)
Art Deco
47 họa tiết
 rotate(0) scale(1)'%3E%3Crect width='32' height='48' fill='%23fefefe'/%3E%3Cg fill='%23111111'%3E%3Cpath d='M0 24L4 24L4 15.84L8 15.84L8 7.92L12 7.92L12 0L20 0L20 7.92L24 7.92L24 15.84L28 15.84L28 24Z'/%3E%3Cpath d='M0 72L4 72L4 63.84L8 63.84L8 55.92L12 55.92L12 48L20 48L20 55.92L24 55.92L24 63.84L28 63.84L28 72Z'/%3E%3Cpath d='M32 24L36 24L36 15.84L40 15.84L40 7.92L44 7.92L44 0L52 0L52 7.92L56 7.92L56 15.84L60 15.84L60 24Z'/%3E%3Cpath d='M32 72L36 72L36 63.84L40 63.84L40 55.92L44 55.92L44 48L52 48L52 55.92L56 55.92L56 63.84L60 63.84L60 72Z'/%3E%3C/g%3E%3Cg fill='%23777777'%3E%3Cpath d='M0 0L4 -24L8 0Z'/%3E%3Cpath d='M0 48L4 24L8 48Z'/%3E%3Cpath d='M32 0L36 -24L40 0Z'/%3E%3Cpath d='M32 48L36 24L40 48Z'/%3E%3Cpath d='M8 0L12 -24L16 0Z'/%3E%3Cpath d='M8 48L12 24L16 48Z'/%3E%3Cpath d='M16 0L20 -24L24 0Z'/%3E%3Cpath d='M16 48L20 24L24 48Z'/%3E%3Cpath d='M-8 0L-4 -24L0 0Z'/%3E%3Cpath d='M-8 48L-4 24L0 48Z'/%3E%3Cpath d='M24 0L28 -24L32 0Z'/%3E%3Cpath d='M24 48L28 24L32 48Z'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23p)'/%3E%3C/svg%3E)
Bộ lạc và dân gian
62 họa tiết
 rotate(0) scale(1)'%3E%3Crect width='36' height='36' fill='%231b2a49'/%3E%3Cpath d='M24.22 18C24.22 21.44 21.44 24.22 18 24.22C14.56 24.22 11.78 21.44 11.78 18C11.78 14.56 14.56 11.78 18 11.78C21.44 11.78 24.22 14.56 24.22 18Z' fill='%23f2e9d8'/%3E%3Cpath d='M26.42 18L30.31 18M24.82 22.95L27.96 25.24M20.6 26.01L21.8 29.71M15.4 26.01L14.2 29.71M11.18 22.95L8.04 25.24M9.58 18L5.69 18M11.18 13.05L8.04 10.76M15.4 9.99L14.2 6.29M20.6 9.99L21.8 6.29M24.82 13.05L27.96 10.76' fill='none' stroke='%23e4572e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23p)'/%3E%3C/svg%3E)
Thiên nhiên
196 họa tiết
 rotate(0) scale(1)'%3E%3Crect width='36' height='36' fill='%23fefefe'/%3E%3Cpath d='M23.44 11.52C23.44 14.53 21.01 16.96 18 16.96C14.99 16.96 12.56 14.53 12.56 11.52C12.56 8.51 14.99 6.08 18 6.08C21.01 6.08 23.44 8.51 23.44 11.52ZM16.96 19.94C16.96 22.95 14.53 25.39 11.52 25.39C8.51 25.39 6.08 22.95 6.08 19.94C6.08 16.94 8.51 14.5 11.52 14.5C14.53 14.5 16.96 16.94 16.96 19.94ZM29.92 19.94C29.92 22.95 27.49 25.39 24.48 25.39C21.47 25.39 19.04 22.95 19.04 19.94C19.04 16.94 21.47 14.5 24.48 14.5C27.49 14.5 29.92 16.94 29.92 19.94ZM16.7 18L19.3 18L21.89 30.96L14.11 30.96Z' fill='%23111111'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23p)'/%3E%3C/svg%3E)
Biểu tượng và đồ vật
236 họa tiết
 rotate(0) scale(1)'%3E%3Crect width='36' height='36' fill='%231b2a49'/%3E%3Cg fill='%232e86ab'%3E%3Cpath d='M0 0L6.02 0L6.02 6.02L0 6.02Z'/%3E%3Cpath d='M0 36L6.02 36L6.02 42.02L0 42.02Z'/%3E%3Cpath d='M36 0L42.02 0L42.02 6.02L36 6.02Z'/%3E%3Cpath d='M36 36L42.02 36L42.02 42.02L36 42.02Z'/%3E%3Cpath d='M6 0L12.02 0L12.02 6.02L6 6.02Z'/%3E%3Cpath d='M6 36L12.02 36L12.02 42.02L6 42.02Z'/%3E%3Cpath d='M24 0L30.02 0L30.02 6.02L24 6.02Z'/%3E%3Cpath d='M24 36L30.02 36L30.02 42.02L24 42.02Z'/%3E%3C/g%3E%3Cg fill='%23e4572e'%3E%3Cpath d='M-6 0L0.02 0L0.02 6.02L-6 6.02Z'/%3E%3Cpath d='M-6 36L0.02 36L0.02 42.02L-6 42.02Z'/%3E%3Cpath d='M30 0L36.02 0L36.02 6.02L30 6.02Z'/%3E%3Cpath d='M30 36L36.02 36L36.02 42.02L30 42.02Z'/%3E%3C/g%3E%3Cg fill='%232e86ab'%3E%3Cpath d='M12 6L18.02 6L18.02 12.02L12 12.02Z'/%3E%3Cpath d='M18 6L24.02 6L24.02 12.02L18 12.02Z'/%3E%3Cpath d='M-6 12L0.02 12L0.02 18.02L-6 18.02Z'/%3E%3Cpath d='M30 12L36.02 12L36.02 18.02L30 18.02Z'/%3E%3C/g%3E%3Cg fill='%23f2e9d8'%3E%3Cpath d='M0 18L6.02 18L6.02 24.02L0 24.02Z'/%3E%3Cpath d='M36 18L42.02 18L42.02 24.02L36 24.02Z'/%3E%3C/g%3E%3Cpath d='M12 18L18.02 18L18.02 24.02L12 24.02Z' fill='%23e4572e'/%3E%3Cpath d='M24 18L30.02 18L30.02 24.02L24 24.02Z' fill='%232e86ab'/%3E%3Cg fill='%23f2e9d8'%3E%3Cpath d='M0 24L6.02 24L6.02 30.02L0 30.02Z'/%3E%3Cpath d='M36 24L42.02 24L42.02 30.02L36 30.02Z'/%3E%3C/g%3E%3Cg fill='%23e4572e'%3E%3Cpath d='M12 24L18.02 24L18.02 30.02L12 30.02Z'/%3E%3Cpath d='M18 24L24.02 24L24.02 30.02L18 30.02Z'/%3E%3Cpath d='M0 -6L6.02 -6L6.02 0.02L0 0.02Z'/%3E%3Cpath d='M0 30L6.02 30L6.02 36.02L0 36.02Z'/%3E%3Cpath d='M36 -6L42.02 -6L42.02 0.02L36 0.02Z'/%3E%3Cpath d='M36 30L42.02 30L42.02 36.02L36 36.02Z'/%3E%3Cpath d='M6 -6L12.02 -6L12.02 0.02L6 0.02Z'/%3E%3Cpath d='M6 30L12.02 30L12.02 36.02L6 36.02Z'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23p)'/%3E%3C/svg%3E)
Pixel art
152 họa tiết
 rotate(0) scale(1)'%3E%3Crect width='200' height='200' fill='%23fefefe'/%3E%3Cg fill='%23111111'%3E%3Cpath d='M-12.62 37.98L-5.92 7.91L54.93 3.15L16.45 64.12L-8.86 48.25Z'/%3E%3Cpath d='M187.38 37.98L194.08 7.91L254.93 3.15L216.45 64.12L191.14 48.25Z'/%3E%3C/g%3E%3Cpath d='M79.89 114.13L104.03 32.58L107.28 31.47L152.73 67.44L110.6 119.82Z' fill='%23777777'/%3E%3Cpath d='M20.15 66.45L58.63 5.48L60.65 3.39L99.1 31.12L74.96 112.67L55.4 117.65L45.84 114.7Z' fill='%23d90429'/%3E%3Cg fill='%23111111'%3E%3Cpath d='M58.41 -70.52L77.97 -75.5L108.68 -69.81L139.22 -49.03L129.24 7.45L105.36 25.83L102.11 26.94L63.66 -0.78Z'/%3E%3Cpath d='M58.41 129.48L77.97 124.5L108.68 130.19L139.22 150.97L129.24 207.45L105.36 225.83L102.11 226.94L63.66 199.22Z'/%3E%3C/g%3E%3Cg fill='%23777777'%3E%3Cpath d='M184.93 -47.13L189.81 6.96L183.11 37.03L134.26 8.33L144.25 -48.14Z'/%3E%3Cpath d='M184.93 152.87L189.81 206.96L183.11 237.03L134.26 208.33L144.25 151.86Z'/%3E%3C/g%3E%3Cpath d='M181.24 40.22L184.99 50.49L153.96 65.9L108.51 29.92L132.38 11.53Z' fill='%23d90429'/%3E%3Cg fill='%23111111'%3E%3Cpath d='M54.83 1.82L-6.03 6.58L-10.91 -47.5L42.03 -72.96L51.6 -70.01L56.84 -0.27Z'/%3E%3Cpath d='M54.83 201.82L-6.03 206.58L-10.91 152.5L42.03 127.04L51.6 129.99L56.84 199.73Z'/%3E%3Cpath d='M254.83 1.82L193.97 6.58L189.09 -47.5L242.03 -72.96L251.6 -70.01L256.84 -0.27Z'/%3E%3Cpath d='M254.83 201.82L193.97 206.58L189.09 152.5L242.03 127.04L251.6 129.99L256.84 199.73Z'/%3E%3C/g%3E%3Cg fill='%23777777'%3E%3Cpath d='M-86.08 122.49L-43.95 70.11L-12.92 54.71L12.4 70.58L38.08 118.83L-14.86 144.29L-55.54 143.27Z'/%3E%3Cpath d='M113.92 122.49L156.05 70.11L187.08 54.71L212.4 70.58L238.08 118.83L185.14 144.29L144.46 143.27Z'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23p)'/%3E%3C/svg%3E)
Tạo sinh
251 họa tiết
Giới thiệu về Họa tiết sọc và sóng
Đường nét là cách kín đáo nhất để thêm kết cấu cho trang. Bộ sưu tập này gồm sọc và dải màu đơn giản, sọc chéo, sóng, zíc zắc, chevron, vỏ sò, nét đứt, lưới, gạch chéo, gợn sóng và bím tết, để bạn đi từ sọc mảnh tinh tế đến làn sóng retro nổi bật.
Sọc và lưới có mã rất nhỏ, nên là lựa chọn tốt cho hình nền trang web. Thay đổi độ dày nét và khoảng cách để quyết định độ dày đặc của đường kẻ, và dùng thanh trượt góc để biến sọc thẳng thành sọc chéo.