Icon Designs<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\n\t\t\t\t\t\n\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t![\"\"](\"https:\/\/matwijkiwcreations.dk\/wp-content\/uploads\/2024\/09\/Skaermbillede-2024-09-24-223221.png\")
<\/a>\n\t\t\t<\/div><\/figure>\n\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tWebsite Icons<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t\tAt the very beginning of my website design journey, I knew very little. It was before my time studying multimedia design. I had a notion of what looked good and some ideas of how icons were made. Almost everything is an image file, so my icons was originally drawn by hand when I made my former portfolio.<\/p>
Half a year later I started learning about design and that is where I was properly introduced to vector graphics. This of course revolutionized my designs. With vectors, I could make pixel perfect designs without loss of detail. While my hand-drawn icons were well made, it no longer took me a day to make a single icon that was only good enough.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tHow I make them<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t\tAll the icons used on this website is made using Adobe Illustrator. Each icon is made on a 1200 x 1200 pixel artboard. To ensure I keep the icons centered and have either the same height or width I use a grid guide where each grid square is 150 x 150 pixels.<\/p>\n
All the icons are either 900 pixels wide or high. For more rectangular icons they are both. The reason for 1200 square artboard is to achieve space all around th icon which I wanted for the website.<\/p>\n
I used certain stroke weight for the icons. Primary lines, which are the defining lines that make up the icon object, have a weight of 30 pixel.s Secondary lines have a weight of 20 px and tertiery have 10 px. Secondary and tertiery lines is used for detail.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t![\"\"](\"https:\/\/matwijkiwcreations.dk\/wp-content\/uploads\/2025\/07\/Websites-150x150.webp\")
<\/a>\n\t\t\t<\/div><\/figure>\n\t\t\t\n\t\t\t\t![\"\"](\"https:\/\/matwijkiwcreations.dk\/wp-content\/uploads\/2025\/07\/Develop-Solution-150x150.webp\")
<\/a>\n\t\t\t<\/div><\/figure>\n\t\t\t
<\/a>\n\t\t\t<\/div><\/figure>\n\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\tWebsite Icons<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t\tAt the very beginning of my website design journey, I knew very little. It was before my time studying multimedia design. I had a notion of what looked good and some ideas of how icons were made. Almost everything is an image file, so my icons was originally drawn by hand when I made my former portfolio.<\/p>
Half a year later I started learning about design and that is where I was properly introduced to vector graphics. This of course revolutionized my designs. With vectors, I could make pixel perfect designs without loss of detail. While my hand-drawn icons were well made, it no longer took me a day to make a single icon that was only good enough.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tHow I make them<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t\tAll the icons used on this website is made using Adobe Illustrator. Each icon is made on a 1200 x 1200 pixel artboard. To ensure I keep the icons centered and have either the same height or width I use a grid guide where each grid square is 150 x 150 pixels.<\/p>\n
All the icons are either 900 pixels wide or high. For more rectangular icons they are both. The reason for 1200 square artboard is to achieve space all around th icon which I wanted for the website.<\/p>\n
I used certain stroke weight for the icons. Primary lines, which are the defining lines that make up the icon object, have a weight of 30 pixel.s Secondary lines have a weight of 20 px and tertiery have 10 px. Secondary and tertiery lines is used for detail.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t<\/a>\n\t\t\t<\/div><\/figure>\n\t\t\t\n\t\t\t\t<\/a>\n\t\t\t<\/div><\/figure>\n\t\t\t
At the very beginning of my website design journey, I knew very little. It was before my time studying multimedia design. I had a notion of what looked good and some ideas of how icons were made. Almost everything is an image file, so my icons was originally drawn by hand when I made my former portfolio.<\/p>
Half a year later I started learning about design and that is where I was properly introduced to vector graphics. This of course revolutionized my designs. With vectors, I could make pixel perfect designs without loss of detail. While my hand-drawn icons were well made, it no longer took me a day to make a single icon that was only good enough.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t All the icons used on this website is made using Adobe Illustrator. Each icon is made on a 1200 x 1200 pixel artboard. To ensure I keep the icons centered and have either the same height or width I use a grid guide where each grid square is 150 x 150 pixels.<\/p>\n All the icons are either 900 pixels wide or high. For more rectangular icons they are both. The reason for 1200 square artboard is to achieve space all around th icon which I wanted for the website.<\/p>\n I used certain stroke weight for the icons. Primary lines, which are the defining lines that make up the icon object, have a weight of 30 pixel.s Secondary lines have a weight of 20 px and tertiery have 10 px. Secondary and tertiery lines is used for detail.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\tHow I make them<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
<\/a>\n\t\t\t<\/div><\/figure><\/a>\n\t\t\t<\/div><\/figure>