줄무늬 및 물결 패턴
끊김 없는 줄무늬, 물결, 지그재그, 쉐브론, 격자. 색상, 선 두께, 각도를 고른 뒤 CSS를 복사하거나 SVG, PNG, WebP 파일을 무료로 다운로드하세요.
무료
여기에 제목이 들어갑니다
실제 콘텐츠 뒤에 패턴이 어떻게 보이는지 확인해 보세요.
시작하기패턴
시작하기 좋은 디자인
하나를 선택하면 편집기에서 열립니다. 색상과 설정은 자유롭게 바꿀 수 있습니다.
 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)
 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)
 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)
 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)
 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)
 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)
 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)
 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)
 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)
 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)
 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)
 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)
컬렉션별로 둘러보기
 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)
 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)
 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)
 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)
 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)
 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)
 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)
 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)
 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)
 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)
 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)
 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)
 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)
줄무늬 및 물결 패턴 소개
선은 페이지에 질감을 더하는 가장 조용한 방법입니다. 이 컬렉션에는 단순한 줄무늬와 띠, 대각선 줄무늬, 물결, 지그재그, 쉐브론, 스캘럽, 점선, 격자, 크로스해칭, 잔물결, 땋은 무늬가 있어 은은한 핀스트라이프부터 대담한 레트로 물결까지 폭넓게 만들 수 있습니다.
줄무늬와 격자는 코드가 매우 작아서 웹사이트 배경으로 좋습니다. 선 두께와 간격을 바꿔 선의 밀도를 조절하고, 각도 슬라이더로 곧은 줄무늬를 대각선으로 바꿔 보세요.
자주 묻는 질문
줄무늬 디자인을 고르고 각도를 45도로 설정한 뒤 CSS를 복사하세요. 0, 90, 180, 270도가 아닌 각도에서는 요소를 가득 채우는 SVG를 사용하므로 어떤 너비에서도 줄무늬가 고르게 유지됩니다.
네. 선 두께 슬라이더로 선의 너비를, 간격 슬라이더로 선 사이의 간격을 설정할 수 있습니다.
서로 가까운 두 색상의 얇은 선은 글자 뒤에서도 읽기 쉽습니다. 코드를 복사하기 전에 “페이지에서” 미리보기로 실제 카드 아래에서 어떻게 보이는지 확인해 보세요.
인기 검색어
줄무늬 패턴
물결 패턴 svg
지그재그 패턴
쉐브론 패턴
css 줄무늬 배경
심리스 물결 배경
격자 패턴 svg
css 대각선 줄무늬
도움이 필요하신가요?
이 도구에서 문제를 발견하셨나요? 저희 팀에 알려주세요.