Cards with Pattern
To use a custom SVG pattern in your project, you have two options:
-
Copy an Existing SVG: Every has a link to the SVG pattern. You can copy the SVG pattern and use it in your project.
-
Generate a New SVG: If you prefer a unique pattern or need a pattern, you can create your own SVG. I use FFFUEL to generate SVG patterns.
Variant 1 Ellipsis
Copy SVG pattern
Lorem ipsum dolor
Lorem ipsum dolor, sit amet elit consectetur adipisicing. Nostrum, hic ipsum! dolor, sit amet elit consectetur amete elite!
Variant 2 Grid ellipsis
Copy SVG pattern
Lorem ipsum dolor
Lorem ipsum dolor, sit amet elit consectetur adipisicing. Nostrum, hic ipsum! dolor, sit amet elit consectetur amete elite!
Variant 3 Circle ellipsis
Copy SVG pattern
Lorem ipsum dolor
Lorem ipsum dolor, sit amet elit consectetur adipisicing. Nostrum, hic ipsum! dolor, sit amet elit consectetur amete elite!
Variant 4 Lines
Copy SVG pattern
Lorem ipsum dolor
Lorem ipsum dolor, sit amet elit consectetur adipisicing. Nostrum, hic ipsum! dolor, sit amet elit consectetur amete elite!
Variant 5 Pluses
Copy SVG pattern
Lorem ipsum dolor
Lorem ipsum dolor, sit amet elit consectetur adipisicing. Nostrum, hic ipsum! dolor, sit amet elit consectetur amete elite!
Variant 6 Square X
Copy SVG pattern
Lorem ipsum dolor
Lorem ipsum dolor, sit amet elit consectetur adipisicing. Nostrum, hic ipsum! dolor, sit amet elit consectetur amete elite!
Variant 8 Grid
Copy SVG pattern
Lorem ipsum dolor
Lorem ipsum dolor, sit amet elit consectetur adipisicing. Nostrum, hic ipsum! dolor, sit amet elit consectetur amete elite!
Variant 7 Noise
Copy SVG pattern
Lorem ipsum dolor
Lorem ipsum dolor, sit amet elit consectetur adipisicing. Nostrum, hic ipsum! dolor, sit amet elit consectetur amete elite!