아이콘 유용한 사이트

2023. 11. 4. 02:11·유용한 사이트들

웹사이트 만들다 보면 아이콘을 직접 만들 수는 없으니까 인터넷에 있는 레퍼런스들을 빠르게 참고해서 사용해야하는데

아래 사이트들에서 이용하면 좋았다.

 

특히 이미지를 다운받고 싶으면 Iconbuddy가 유용했던 것 같고

리액트 프로젝트를 할 때는 npm으로 React Icons을 설치해서 유용하게 사용했다.

1. Iconfont

 

Download 2400+ Free, High-Quality Icons | IcoFont

 

icofont.com

2. Iconbuddy

 

Iconbuddy — 180K+ open source icons

Iconbuddy is a search engine that allows you to search, download, customize, and edit over 180,000 open source icons. It offers a wide selection of SVG, PNG, WEBP, JSX, VUE, BASE64, URLs, CSS snippets, and HTML image tags.

iconbuddy.app

3. Feather

 

Feather – Simply beautiful open source icons

Feather is a collection of simply beautiful open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency and readability.

feathericons.com

4. Octicons

 

Octicons | Primer

A scalable set of icons handcrafted by GitHub.

primer.style

5. Bootstrap Icons

 

Bootstrap Icons

Official open source SVG icon library for Bootstrap

icons.getbootstrap.com

6. React Icons

 

React Icons

React Icons Include popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allows you to include only the icons that your project is using. Installation (for standard modern project) npm install react-icons --save Usa

react-icons.github.io

7. Font Awesome

 

Font Awesome

The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.

fontawesome.com

8. Ionicons

 

Ionicons: The premium icon pack for Ionic Framework

Ionicons is an open-sourced and MIT licensed icon pack.

ionic.io

9. Thenounproject

 

Noun Project: Free Icons & Stock Photos for Everything

 

thenounproject.com

10. Flaticon

 

Free Icons and Stickers - Millions of images to download

Download Free Icons and Stickers for your projects. Images made by and for designers in PNG, SVG, EPS, PSD and CSS formats

www.flaticon.com

11. Social Icons 모음 사이트

 

10+ Best Circular Social Icon Sets For Free Download (2023 Update) - 365 Web Resources

A curated collection of the 10+ best free circular social media icon sets. Drive traffic and engagement with these polished social sharing buttons.

365webresources.com

 

반응형

'유용한 사이트들' 카테고리의 다른 글

코드 비교해주는 사이트  (0) 2023.12.11
CSS 압축해주는 사이트  (1) 2023.11.04
색상팔레트 사이트  (0) 2023.11.04
Code Snippet Generator 사이트  (0) 2023.05.11
'유용한 사이트들' 카테고리의 다른 글
  • 코드 비교해주는 사이트
  • CSS 압축해주는 사이트
  • 색상팔레트 사이트
  • Code Snippet Generator 사이트
전예방
전예방
  • 전예방
    예방이의 개발일기
    전예방
  • 전체
    오늘
    어제
    • All (122)
      • Info & Tip (2)
      • 유용한 사이트들 (5)
      • Mark Up & StyleSheet (23)
        • HTML (6)
        • CSS & SCSS (10)
        • 반응형 (6)
      • Frontend (63)
        • 전체 (9)
        • JavaScript & Jquery (18)
        • TypeScript (0)
        • React (26)
        • Next.js (3)
        • 성능최적화 (2)
      • Backend (13)
        • Python (1)
        • JAVA (2)
        • node.js (0)
        • PHP (7)
        • 패키지매니저 (3)
      • Markdown (0)
      • SCM (1)
        • Git&Github (1)
        • SVN (0)
      • IDE (4)
        • VSCode (2)
        • IntelliJ (1)
        • Ecplise (1)
      • 취미생활 (3)
      • 정보처리기사 (2)
      • 코딩자율학습단 (5)
        • 12기 (파이썬) (5)
  • 블로그 메뉴

    • 홈
    • 태그
  • 링크

    • velog
    • github
  • 공지사항

  • 인기 글

  • 태그

    파이썬
    swiper.js
    React Swiper
    yarn berry
    나도코딩
    react
    frontend
    editor
    NPM
    코딩자율학습단
    코딩자율학습
    반응형
    php
    회원가입
    TypeScript
    CSS
    관리자 페이지
    리액트
    Admin
    Python
  • 최근 댓글

  • 최근 글

  • 반응형
  • hELLO· Designed By정상우.v4.10.3
전예방
아이콘 유용한 사이트
상단으로

티스토리툴바