Android에서 SVG 아이콘 사용하기

Android에서 SVG 아이콘을 사용하는 방법을 다룹니다.

1. https://material.io/tools/icons/에서 원하는 아이콘을 찾습니다.

찾은 아이콘을 선택하고나서  왼쪽 아래에 보이는 Selected Icon을 클릭합니다.

2. 아이콘 이미지 아래에 보이는 항목을 Android로 변경합니다.

3. SVG를 클릭하여 다운로드합니다.

 

4. 프로젝트 창에서 app을 선택하고  마우스 오른쪽 버튼을 클릭합니다.

보이는 메뉴에서 New > Vector Asset를 선택합니다.  

5. Asset Type 항목에서 Local file(SVG, PSD)를 선택합니다.

Path 항목에 있는 … 버튼을 클릭하여 다운로드 받아둔 SVG 이미지 파일을 선택하고 Next 버튼을 클릭합니다.

6. Finish 버튼을 클릭합니다.

7. 새로 추가한 SVG 파일이  프로젝트에 추가되었습니다.

8. build.gradle 파일에  com.android.support:design를 사용하도록 추가해줍니다.

dependencies {    implementation fileTree(dir: 'libs', include: ['*.jar'])    implementation 'com.android.support:appcompat-v7:27.1.1'    implementation 'com.android.support.constraint:constraint-layout:1.1.2'    testImplementation 'junit:junit:4.12'    androidTestImplementation 'com.android.support.test:runner:1.0.2'    androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'    implementation 'com.android.support:design:27.1.1' }

9. 앱의 타이틀 바에 시험삼아 추가된 아이콘 넣어보겠습니다. MainActivity.java 파일에 다음 코드를 추가합니다.

public class MainActivity extends AppCompatActivity {    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        ActionBar actionBar = getSupportActionBar();        actionBar.setDisplayShowHomeEnabled(true);        //검은색으로 그려진 화살표 아이콘을 흰색 아이콘으로 변경        //아이콘이 흰색이라면 아래 3줄을 생략해도 됩니다.        Drawable img_drawable = getResources().getDrawable(R.drawable.ic_baseline_search_24px);        img_drawable.mutate();        img_drawable.setColorFilter(Color.WHITE, PorterDuff.Mode.SRC_IN);                // 타이틀바에 보여줄 아이콘을 지정합니다.          actionBar.setIcon(img_drawable);    } }

10. 실행시켜 보면 아래화면처럼 화살표 아이콘이 보입니다.

2018년 8월 5일에 마지막으로 업데이트 되었습니다.