Skip to content

feat(icons): added birdhouse icon #3378

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: main
Choose a base branch
from

Conversation

hieu-onefold
Copy link

@hieu-onefold hieu-onefold commented Jun 29, 2025

What is the purpose of this pull request?

  • New Icon

Description

Added new birdhouse icon.

Icon use case

Use case 1: Playful Home icon replacement
Use the birdhouse as a fun, thematic alternative to the standard home icon. Perfect for nature, wellness, or learning apps.

Use case 2: Representing a real birdhouse in educational or DIY apps
In birdwatching, DIY, or eco-education apps, the icon depicts an actual birdhouse — for tutorials, product listings, or interactive habitat guides.

Alternative icon designs

Icon Design Checklist

Concept

  • I have provided valid use cases for each icon.
  • I have not added any a brand or logo icon.
  • I have not used any hate symbols.
  • I have not included any religious or political imagery.

Author, credits & license

  • The icons are solely my own creation.
  • The icons were originally created in # by @
  • I've based them on the following Lucide icons:
  • I've based them on the following design:

Naming

  • I've read and followed the naming conventions
  • I've named icons by what they are rather than their use case.
  • I've provided meta JSON files in icons/[iconName].json.

Design

  • I've read and followed the icon design guidelines
  • I've made sure that the icons look sharp on low DPI displays.
  • I've made sure that the icons look consistent with the icon set in size, optical volume and density.
  • I've made sure that the icons are visually centered.
  • I've correctly optimized all icons to three points of precision.

Before Submitting

Copy link

Added or changed icons

icons/birdhouse.svg

Preview cohesion icons/square-dot.svg
icons/birdhouse.svg
icons/chart-network.svg
Preview stroke widths icons/birdhouse.svg
icons/birdhouse.svg
icons/birdhouse.svg
DPI Preview

16px (shadcn/ui)

icons/birdhouse.svg

24px (default)

icons/birdhouse.svg

32px (shadcn/ui + retina)

icons/birdhouse.svg

48px (default + retina)

icons/birdhouse.svg
Icon X-rays icons/birdhouse.svg
Icon Diffs icons/birdhouse.svg
Icons as code

Works for: lucide-react, lucide-react-native, lucide-preact, lucide-vue-next

const BirdhouseIcon = createLucideIcon('Birdhouse', [
  ["path",{"d":"M10 15h4"}],
  ["path",{"d":"M12 19v3"}],
  ["path",{"d":"m18 18 1-11"}],
  ["path",{"d":"m3 8 7.994-5.664a1.73 1.73 0 0 1 2.012 0L21 8"}],
  ["path",{"d":"M4 18h16"}],
  ["path",{"d":"m5 7 1 11"}],
  ["circle",{"cx":"12","cy":"10","r":"2"}]
])

@karsa-mistmere
Copy link
Member

This looks cute, but it does violate our 2px gap design guideline, and there are also some unclosed gaps:
image

With closed gaps and no guideline violations:

icons
Open lucide studio

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🎨 icon About new icons 🫧 metadata Improved metadata
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants