반응형

Icon 2

Bootstrap 4에서 svg 아이콘 사용하기

Bootstrap 4에서 svg 아이콘을 만들수 있습니다. Bytesize Icons https://github.com/danklammer/bytesize-icons/blob/master/README.md svg 아이콘들은 백터 형태이기 때문에 사이즈가 변화되어도, 이미지 처럼 깨짐이 없습니다. 카메라 아이콘 SVG 태그 여기서 width="20" height="20"으로 주면, 사이즈가 줄게 됩니다. stroke-width="3"를 주면 더 두꺼워 집니다. [ 모서리 부분을 값을 선택 ] Style stroke-linejoin stroke-linecap Round round round Bevel bevel butt Miter miter butt [ 두께를 다르게 하는 형태 ] Weight stroke-..

Web/Bootstrap 2018.12.05

Hamburger Icon ? 누가 디자인 했을까요?

jQuery Mobile 의 웹을 만들다가, External Panels 를 사용하기 위해 상단 왼쪽에 핸드링하는 버튼이 필요했습다.해당 버튼은 jQuery Mobile의 icon셋트에서 보통 bar라고 표현된다.해당 이미지를 검색하던중, 해당 아이콘의 이름이 있다는 걸 알게 되었다.햄버거 아이콘( Hamburger Icon )이라고 불린다. 그럼 해당 아이콘을 만든 사람이 있다는 것을 알게된 글이 있더군요. 출처: http://gizmodo.com/who-designed-the-iconic-hamburger-icon-1555438787햄버거 아이콘은 일반적으로 되어 되었다.그 버튼은 누가 만들었을까? 햄버거 아이콘에서 대한 발견을 소프트웨어 디자이너 Geoff Flday가 자신의 EVERNOTE 에서 ..

IT공부방 2014.09.20
1
반응형