lucide icon indicating copy to clipboard operation
lucide copied to clipboard

Add icon Magazine

Open KayleyHill opened this issue 1 year ago • 12 comments

magazine

Magazine icon I have created from the newspaper icon. Would be good to have it to go alongside the book and newspaper. Open to suggestions to improve it.

KayleyHill avatar May 31 '23 14:05 KayleyHill

Removed some useless points and optimized with svgomg. It looks same!

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none">
  <path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 3h11.2a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H7V4.1a2 2 0 0 0-2-2 2 2 0 0 0-2 2V18"/>
  <path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 18a2 2 0 0 0-2-2 2 2 0 0 0-2 2 4 4 0 0 0 4 4h9.5m-.2-8H11m0-7h5.3v3H11V7Z"/>
</svg>

xnousnow avatar Jun 04 '23 06:06 xnousnow

I optimized it and snapped a note icon (64)

https://lucide-site-git-feat-added-edit-page-jguddas.vercel.app/edit

  <rect x="11" y="7" width="5.3" height="3" />
  <path d="M6.7 3h11.5a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H7V4.1a2 2 0 1 0-4 0V18" />
  <path d="M7 18a2 2 0 1 0-4 0 4 4 0 0 0 4 4h9.5" />
  <path d="M16.3 14H11" />

jguddas avatar Jun 04 '23 09:06 jguddas

More pixel-perfect-er I guess? What do you think about it, @KayleyHill?

  <rect x="11" y="7" width="5.3" height="3" />
  <path d="M7 3h11a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H7V4.1a2 2 0 1 0-4 0V18" />
  <path d="M7 18a2 2 0 1 0-4 0 4 4 0 0 0 4 4h9.5" />
  <path d="M16.3 14H11" />

xnousnow avatar Jun 04 '23 09:06 xnousnow

The rect needs to at least be 4px in height due to the 2px gap rule, something like this would work.

  <rect x="11" y="6" width="6" height="4" />
  <path d="M5 2h14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H7V4a2 2 0 1 0-4 0v14a4 4 0 0 0 4 4h10" />
  <path d="M3 18a2 2 0 1 1 4 0" />
  <path d="M17 14h-6" />

jguddas avatar Jun 04 '23 10:06 jguddas

There is also the suggestion to use round corners for rects, what do you think of something like this? icon (65) or icon (66)

jguddas avatar Jun 04 '23 10:06 jguddas

Both are great! I'd prefer the first one more. I'll wait for other members to review.

xnousnow avatar Jun 04 '23 10:06 xnousnow

I agree with @xnousnow, the rounded version is brilliant @jguddas, though depends if people mind it looking a bit different to the newspaper that it is based of. Thank you for improving and refining it everyone.

KayleyHill avatar Jun 04 '23 12:06 KayleyHill

@KayleyHill Can we have a usecase for this icon? Why should the newspaper icon not work?

ericfennis avatar Jan 16 '24 15:01 ericfennis

@ericfennis this was designed for my work which is magazine marketing. We use feather and now Lucide for our icons and my boss was not happy with the newspaper icon and wanted something more bespoke for magazines. So the use case is magazine/zine publishing.

KayleyHill avatar Jan 16 '24 16:01 KayleyHill

I think a newspaper and a magazine are distinct enough in practice and also when looking at this icon.

jguddas avatar Jan 16 '24 20:01 jguddas

@KayleyHill check makes sense. This also nice alternative for a feed.

Feel free to create a PR.

ericfennis avatar Jan 18 '24 19:01 ericfennis

@KayleyHill Note that you could import the icon as svg, meaning you don't really need to wait if you are ok about changing the code later, or you could try designing icon yourself if it's urgent. Opening PR would be best option for now!

xnousnow avatar Jan 19 '24 10:01 xnousnow