Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- dataflow modeling
- stop watch
- hc-sr04
- Recursion
- verilog
- uart 통신
- D Flip Flop
- gpio
- half adder
- Pspice
- Algorithm
- soc 설계
- DHT11
- atmega 128a
- ATMEGA128A
- java
- KEYPAD
- vivado
- i2c 통신
- prescaling
- Linked List
- structural modeling
- FND
- BASYS3
- LED
- pwm
- Edge Detector
- behavioral modeling
- ring counter
- test bench
Archives
- Today
- Total
거북이처럼 천천히
HTML/CSS - 아이콘 무료 사이트 추천 ( Font awesome ) 본문
앱 및 웹 제작에서 많이 사용되는 요인 중 하나인 아이콘을 무료로 이용할 수 있는 사이트를 추천 드리고자 합니다.
바로 Font awesome (https://fontawesome.com/search?s=solid%2Cbrands) 입니다.
무료 버전과 유로 버전으로 나뉘지만, 무료 버전에서도 다양한 아이콘을 이용할 수 있습니다.
사용 방법)
1. <body> 내에 마지막 부분에 아래 <script> 추가
<script
src="https://kit.fontawesome.com/6478f529f2.js"
crossorigin="anonymous"
></script>
2. Fontawesome 홈페이지에서 아이콘 검색 (5.15.4 버전으로 검색)
3) HTML으로 설정한 뒤, <i> tag로 구성된 code 복사하여 붙어넣기
'Front-end > HTML + CSS' 카테고리의 다른 글
HTML/CSS - pseudo-class, pseudo-element (0) | 2022.05.18 |
---|---|
HTML/CSS - 꿀팁 ( Tips - part 2 ) (0) | 2022.05.15 |
HTML/CSS - 꿀팁 ( Tips ) (0) | 2022.03.05 |
HTML/CSS - animation (0) | 2022.03.03 |
HTML/CSS - action, method (0) | 2022.03.03 |