Skip to main content

Command Palette

Search for a command to run...

Find the Perfect Icon, Effortlessly: Introducing AI-Powered Semantic Search

Revolutionizing Icon Discovery with AI and Semantic Understanding.

Updated
2 min readView as Markdown
Find the Perfect Icon, Effortlessly: Introducing AI-Powered Semantic Search
A

I am learning development to build things I only imagine.

Currently working with Angular, NestJS, MongoDB.

Intro.

Finding the perfect icon for your text can be a frustrating experience. You type in keywords, hoping to stumble upon something that fits, but often come up short. In an age where computers understand human language better than ever, shouldn't they be able to recommend the perfect icons for your designs?

That's why I'm excited to introduce IconHash.com, bringing the power of semantic search to icon discovery. Unlike traditional keyword searches, semantic search understands the meaning and context behind your words, leading you to more relevant results, even with unusual queries.

I invite you to try searching for icons with unique phrases, like "meaning of life" or "weirdo"—the kind of expressions you might use in your web design's h1 or h2 tags. I've placed some sample queries right on the landing page to give you a head start. And here's a fun twist: you can even use emojis in your search queries to discover relevant icons!

Future Blog Posts & Inspirations

In a series of upcoming blog posts, I'll share the technical journey of building IconHash.com. We'll dive into the tech stack I chose, how I prepared the data for semantic search, and provide insights into text embedding and vector databases – explained for normie web developers! A fantastic side effect of this approach is its inherent support for multilingual search, so feel free to try searching in different languages!

You might also be interested to know that the current stack is incredibly cost-effective, running as low as USD 0.1 per month initially. If you're looking for a very low baseline cost for your own AI projects, my choices might offer some valuable insights.

Ultimately, I hope IconHash.com not only helps you find better icons but also inspires you to explore other digital asset discovery challenges—like recommending the perfect font for text, finding matching audio clips, or even generating cohesive color schemes for your pages. What's the most unusual icon you've ever searched for? Let me know in the comments below!

Search result of `sleeplessness` from iconhash for Bootstrap Icons

Search result of `sleeplessness` from iconhash for Material Design iconset

More from this blog

🚀 튜토리얼: 5분 만에 빈 화면에서 앱 배포까지 (ai 에이전트 스택)

GitHub Codespaces 를 사용하면 로컬 머신에서 아무런 설치를 하지 않고도 개발을 할 수 있다는 것을 최근에 알게 되었습니다. 또, claude code 를 쓰면 코딩 에이전트가 프롬프트에 맞추어서 파일을 직접 생성/수정하고 코딩을 해 준다는 것을 알게 되었습니다. 만약 이 두가지를 결합하면 어떨까 하는 생각이 들어서 이 스택이 작동할지 테스트를 해 보았습니다. 개발자 경험이 너무 훌륭하기 때문에, 해당 과정을 아래와 같이 정리했습니...

Jan 8, 20262 min read

고정 IP 로 인터넷에 연결된 환경에서 VMWare - Ubuntu 20.04 컨테이너를 인터넷에 연결시키

사용 환경 : VMWare Fusion 12.2.4 현재 고정 IP 를 통해 외부로 인터넷을 접속하는 네트워크 환경입니다. 이 때에 VMWare 로 Ubuntu 20.04 이미지를 설치하니 바로 인터넷 연결이 되지 않았습니다. 이럴 때에 인터넷 연결을 하는 방법입니다. (Credit: https://www.youtube.com/watch?v=69jZUccRbik) VM instance 의 Network Adaptor 를 NAT 로 설정합니다....

Nov 4, 20222 min read

Andrew Kim's Blog

18 posts