Devlog - 2025-09-16

🚀 What I Did

• Built a heart icon.

🧠 What I Learned

• All rights reserved - default license for images.
• Creative commons 0 - releases works to the public domain.
• Pixabay or Unsplash - images that we are allowed to use.
• SVG - stores data in XML(means we can use directly in raw html).
• Vector Images - An image which stores paths, lines, points, and curves.

<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <circle cx="50" cy="50" r="45" stroke="black" stroke-width="4" fill="yellow" />
  <circle cx="35" cy="40" r="5" fill="black" />
  <circle cx="65" cy="40" r="5" fill="black" />
  <path d="M35 65 Q50 80 65 65" stroke="black" stroke-width="4" fill="transparent" />
</svg>

Raster Images

• An image which stores color data for each pixel.
• Common image formats like PNG and JPG
• They are pixel-based, with the data tracking the color value in each pixel.
• Do not upscale well.

🔥 What’s Next

• Java concepts.