矢量图
Android 应用的不断发展带来了安装包过大的尴尬,而 Android 之前一直都不支持矢量图形,是引起尴尬的一个重要原因。其实 Android 绘制界面时也是通过各种类似矢量图形命令操作完成的,所以 Android 最终在 Lolliop 引入矢量图形既是大势所趋,也是水到渠成的一件事情。矢量图有很多标准,Android 支持的是 SVG 标准(可缩放矢量图形 Scalable Vector Graphics)。但不是全量支持,准确的说 Android 支持的是 SVG 标准中 Path 相关的部分。
SVG 是通用的矢量图标准,我们可以很轻易的从 Photoshop 之类的软件导出想要的图形。导出的文件后缀是 *.svg ,这个文件的内容是文本格式的,用 txt 文件查看就可以打开,其内部是一系列遵循 SVG 规范的命令列表。
svg 转换为 xml
- UI 设计师提供 svg 格式的图形,当然我们可以使用浏览器打开如下图:
- 矢量图形转为 .xml 文件定义在 res/drawable 下,在 XML 文件中的根标签是 。
- ImageView 通过设置 src or background 属性使用啦。
标签 & 属性
1. < vector> :根标签,表示一个矢量动画
支持的属性:
- android: name:定义矢量图形的名称
- android: width:定义 Drawable 的宽度,支持所有 dimension 单位,一般使用 dp。drawable 的宽度不一定是最终绘制宽度,比如给 ImageView 设置 backgroud 则 Drawable 绘制宽度等于 ImageView 的宽度,给 ImageView 设置 src 则在 ImageView 大于 Drawable 宽度时,Drawable 绘制宽度等于自己定义的宽度。
- android: height:定义 Drawable 的宽度,支持所有 dimension 单位,一般是 dp。其它同上。
- android: viewportWidth:定义矢量图形的视图( viewport )空间的宽度,viewport 是一个虚拟的 canvas,后面所有的 path 都在该坐标系上绘制。坐标系左上方为(0,0),横轴从左向右,纵轴从上到下。横轴可视区域就是 0 ~ viewportWidth。
- android: viewportHeight:定义矢量图形的可视区域的高度。其它见上。[0,0]~[viewportWidth,viewportHeight]定义了虚拟 canvas 的可视区域。
- android: tint:作为染色(tint)的色彩应用到 drawable 上。默认不应用 tint。
- android: tintMode:tint 颜色的 Porter-Duff 混合模式,默认是 src_in。
- android: autoMirrored:如果 drawable 布局方向是 RTL(right-to-left) 时,drawable 绘制是否需要镜像化(镜像化就是绕自身x轴中线旋转180度)。
- android:alpha:drawble 的透明度,取值 0~1
2. < path>:定义一个路径,一个路径即可以表示一块填充区域也可以表示一根线条。
支持的属性:
- android: name:定义路径的名称
- android: pathData:定义路径的数据,路径由多条命令组成,格式与 SVG 标准的 path data 的 d 属性完全相同,路径命令的参数定义在 viewport 视图的坐标系。
- android: fillColor:指定填充路径的颜色,一般是一个颜色值,在 SDK24 及以上,可以指定一个颜色状态列表或者一个渐变的颜色。如果在此属性上做渐变动画,新的属性值会覆盖此值。如果不指定,则 path 不被填充。
- android: strokeColor:指定路径线条的颜色,一般是一个颜色值,在 SDK24 及以上,可以指定一个颜色状态列表或者一个渐变的颜色。如果在此属性上做渐变动画,新的属性值会覆盖此值。如果不指定,则 path 的线条不会绘制出来。
- android: strokeWidth:指定路径线条的宽度,基于 viewport 视图的坐标系(不要 dp/px 之类的结尾)。
- android: strokeAlpha:指定路径线条的透明度。
- android: fillAlpha:指定填充区域的透明度。
- android: trimPathStart:取值从 0 到 1 ,表示路径从哪里开始绘制。0~trimPathStart 区间的路径不会被绘制出来。
- android: trimPathEnd:取值从 0 到 1 ,表示路径绘制到哪里。trimPathEnd~1 区间的路径不会被绘制出来。
- android: trimPathOffset:平移可绘制区域,取值从 0 到 1 ,线条从(trimPathOffset+trimPathStart绘制到trimPathOffset+trimPathEnd),注意:trimPathOffset+trimPathEnd 如果超过1,其实也是绘制的的,绘制的是0~trimPathOffset+trimPathEnd-1 的位置。
- android: strokeLineCap:设置线条首尾的外观,三个值:butt(默认,向线条的每个末端添加平直的边缘), round(向线条的每个末端添加圆形线帽), square(向线条的每个末端添加正方形线帽。)。
- android: strokeLineJoin:设置当两条线条交汇时,创建什么样的边角(线段连接类型):三个值:miter(默认,创建尖角),round(创建圆角),bevel(创建斜角) 。
- android: strokeMiterLimit:设置设置最大斜接长度,斜接长度指的是在两条线交汇处内角和外角之间的距离。只有当 lineJoin 属性为 “miter” 时,miterLimit 才有效。
实例:一辆车
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="1024dp"
android:height="1024dp"
android:viewportWidth="1024"
android:viewportHeight="1024">
<path
android:pathData="M70.6,681.5a439.3,4.6 0,1 0,878.6 0a439.3,4.6 0,1 0,-878.6 0z"
android:fillColor="#161616"/>
<path
android:pathData="M338.9,614.3a46.9,66.7 0,1 0,93.8 0a46.9,66.7 0,1 0,-93.8 0z"
android:fillColor="#3C4242"/>
<path
android:pathData="M350.1,547.4h35v133.6h-35z"
android:fillColor="#3C4242"/>
<path
android:pathData="M303.2,614.3a46.9,66.7 0,1 0,93.8 0a46.9,66.7 0,1 0,-93.8 0z"
android:fillColor="#161616"/>
<path
android:pathData="M739,453.8L739,453.8c-0.1,-2.9 2.1,-5.3 4.9,-5.3l11.6,-0.1c2.8,0 5.2,2.3 5.3,5.2v0c0.1,2.9 -2.1,5.3 -4.9,5.3l-11.6,0.1C741.5,459.1 739.1,456.7 739,453.8z"
android:fillColor="#303435"/>
<path
android:pathData="M775.9,437.8h-20c-1.2,0 -2.3,0.5 -3.2,1.4l-7.4,7.7c-1,1.3 -1,3.1 0,4.5l6.7,9.1h23.8c2.7,0 5.2,-1.4 6.7,-3.7l2.2,-3.4c1.6,-2.6 1.6,-5.9 0,-8.5l-2.2,-3.4C781.1,439.2 778.6,437.8 775.9,437.8z"
android:fillColor="#DFECF2"/>
<path
android:pathData="M774.4,455.3c3.3,0 6.4,-1.4 8.2,-3.7l2.7,-3.4c0.2,-0.2 0.3,-0.4 0.5,-0.7c0.4,2 0.1,4.2 -1,6l-2.2,3.4c-1.4,2.3 -4,3.7 -6.7,3.7H752l-3.9,-5.3H774.4z"
android:fillColor="#CBD8DE"/>
<path
android:pathData="M808,614.3a46.9,66.7 0,1 0,93.8 0a46.9,66.7 0,1 0,-93.8 0z"
android:fillColor="#3C4242"/>
<path
android:pathData="M819.2,547.4h35v133.6h-35z"
android:fillColor="#3C4242"/>
<path
android:pathData="M772.3,614.3a46.9,66.7 0,1 0,93.8 0a46.9,66.7 0,1 0,-93.8 0z"
android:fillColor="#161616"/>
<path
android:pathData="M946.2,641.6l-809,0l-15.7,-7.6l-8.9,-25.2l0,-81.2l809.2,0l32.7,104.9z"
android:fillColor="#161616"/>
<path
android:pathData="M162.4,614.3a46.9,66.7 0,1 0,93.8 0a46.9,66.7 0,1 0,-93.8 0z"
android:fillColor="#161616"/>
<path
android:pathData="M173.5,547.4h35v133.6h-35z"
android:fillColor="#161616"/>
<path
android:pathData="M126.6,614.3a46.9,66.7 0,1 0,93.8 0a46.9,66.7 0,1 0,-93.8 0z"
android:fillColor="#3C4242"/>
<path
android:pathData="M205.5,621.6l0.9,-8.8l-23.4,-2.4c-0.1,-0.5 -0.2,-0.9 -0.4,-1.4l15.6,-25.9l-7.6,-4.6l-13.9,23c-1,-0.4 -2,-0.7 -3.1,-0.7c-0.1,0 -0.1,0 -0.2,0l-6.9,-25l-8.6,2.4l7.8,28.2c-0.3,0.6 -0.6,1.3 -0.9,2l-20.1,-2.1l-0.9,8.8l20.1,2.1c0.2,1.4 0.5,2.7 0.9,3.9l-14.2,23.5l7.6,4.6l12.6,-21c0.3,0.1 0.7,0.2 1,0.3l8,29l8.6,-2.4l-8.2,-29.9c1.3,-1.6 2.3,-3.7 2.8,-6.1L205.5,621.6z"
android:fillColor="#7F8A8E"/>
<path
android:pathData="M153.4,614.3a19.1,27.1 0,1 0,38.2 0a19.1,27.1 0,1 0,-38.2 0z"
android:fillColor="#7F8A8E"/>
<path
android:pathData="M169.7,653.5c-12.6,-3.9 -22.1,-20 -22.1,-39.2s9.5,-35.3 22.1,-39.2V566c-16.1,4.1 -28.4,24.1 -28.4,48.3c0,24.2 12.2,44.2 28.4,48.3V653.5z"
android:fillColor="#7F8A8E"/>
<path
android:pathData="M172.9,566.1c-18.7,0 -33.9,21.6 -33.9,48.2s15.2,48.2 33.9,48.2c18.7,0 33.9,-21.6 33.9,-48.2S191.6,566.1 172.9,566.1zM172.9,653.7c-15.3,0 -27.7,-17.7 -27.7,-39.4s12.4,-39.4 27.7,-39.4c15.3,0 27.7,17.7 27.7,39.4S188.2,653.7 172.9,653.7z"
android:fillColor="#DFECF2"/>
<path
android:pathData="M203,621.6l0.9,-8.8l-23.4,-2.4c-0.1,-0.5 -0.2,-0.9 -0.4,-1.4l15.6,-25.9l-7.6,-4.6l-13.9,23c-1,-0.4 -2,-0.7 -3.1,-0.7c-0.1,0 -0.1,0 -0.2,0l-6.9,-25l-8.6,2.4l7.8,28.2c-0.3,0.6 -0.6,1.3 -0.9,2l-20.1,-2.1l-0.9,8.8l20.1,2.1c0.2,1.4 0.5,2.7 0.9,3.9l-14.2,23.5l7.6,4.6l12.6,-21c0.3,0.1 0.7,0.2 1,0.3l8,29l8.6,-2.4l-8.2,-29.9c1.3,-1.6 2.3,-3.7 2.8,-6.1L203,621.6z"
android:fillColor="#DFECF2"/>
<path
android:pathData="M579.3,614.3a46.9,66.7 0,1 0,93.8 0a46.9,66.7 0,1 0,-93.8 0z"
android:fillColor="#161616"/>
<path
android:pathData="M590.5,547.4h35v133.6h-35z"
android:fillColor="#161616"/>
<path
android:pathData="M543.6,614.3a46.9,66.7 0,1 0,93.8 0a46.9,66.7 0,1 0,-93.8 0z"
android:fillColor="#3C4242"/>
<path
android:pathData="M622.5,621.6l0.9,-8.8l-23.4,-2.4c-0.1,-0.5 -0.2,-0.9 -0.4,-1.4l15.6,-25.9l-7.6,-4.6l-13.9,23c-1,-0.4 -2,-0.7 -3.1,-0.7c-0.1,0 -0.1,0 -0.2,0l-6.9,-25l-8.6,2.4l7.8,28.2c-0.3,0.6 -0.6,1.3 -0.9,2l-20.1,-2.1l-0.9,8.8l20.1,2.1c0.2,1.4 0.5,2.7 0.9,3.9l-14.2,23.5l7.6,4.6l12.6,-21c0.3,0.1 0.7,0.2 1,0.3l8,29l8.6,-2.4l-8.2,-29.9c1.3,-1.6 2.3,-3.7 2.8,-6.1L622.5,621.6z"
android:fillColor="#7F8A8E"/>
<path
android:pathData="M570.4,614.3a19.1,27.1 0,1 0,38.2 0a19.1,27.1 0,1 0,-38.2 0z"
android:fillColor="#7F8A8E"/>
<path
android:pathData="M586.7,653.5c-12.6,-3.9 -22.1,-20 -22.1,-39.2s9.5,-35.3 22.1,-39.2V566c-16.1,4.1 -28.4,24.1 -28.4,48.3c0,24.2 12.2,44.2 28.4,48.3V653.5z"
android:fillColor="#7F8A8E"/>
<path
android:pathData="M589.9,566.1c-18.7,0 -33.9,21.6 -33.9,48.2s15.2,48.2 33.9,48.2c18.7,0 33.9,-21.6 33.9,-48.2S608.6,566.1 589.9,566.1zM589.9,653.7c-15.3,0 -27.7,-17.7 -27.7,-39.4s12.4,-39.4 27.7,-39.4c15.3,0 27.7,17.7 27.7,39.4S605.2,653.7 589.9,653.7z"
android:fillColor="#DFECF2"/>
<path
android:pathData="M620,621.6l0.9,-8.8l-23.4,-2.4c-0.1,-0.5 -0.2,-0.9 -0.4,-1.4l15.6,-25.9l-7.6,-4.6l-13.9,23c-1,-0.4 -2,-0.7 -3.1,-0.7c-0.1,0 -0.1,0 -0.2,0l-6.9,-25l-8.6,2.4l7.8,28.2c-0.3,0.6 -0.6,1.3 -0.9,2l-20.1,-2.1l-0.9,8.8l20.1,2.1c0.2,1.4 0.5,2.7 0.9,3.9l-14.2,23.5l7.6,4.6l12.6,-21c0.3,0.1 0.7,0.2 1,0.3l8,29l8.6,-2.4l-8.2,-29.9c1.3,-1.6 2.3,-3.7 2.8,-6.1L620,621.6z"
android:fillColor="#DFECF2"/>
<path
android:pathData="M931.5,530.9c2.9,-29 -10.1,-38.3 -10.1,-38.3s-18.2,-6.7 -27.3,-9.1c-28.5,-7.5 -116,-20.6 -116,-20.6s-87.4,-63.9 -149.6,-82.8c-62.2,-18.9 -189.6,-23.5 -294.2,-13c-104.7,10.5 -177.4,82 -177.4,82l-51.7,6.3l-7.1,13.5l-8.4,29.8L87,529.3l-17.2,21c0,0 -0.8,9.7 0.8,36.2C72.3,613 81.9,618 81.9,618l39.6,16c-1.7,-7.3 -2.6,-15 -2.6,-23.1c0,-41.7 24.3,-75.6 54.2,-75.6c13.3,0 25.6,6.7 35,17.9c0.1,0.1 0.2,0.3 0.3,0.4c0.1,0.2 0.3,0.3 0.4,0.5c0.9,1.1 1.7,2.2 2.5,3.3c0,0 0.1,0.1 0.1,0.1c0.2,0.3 0.4,0.5 0.6,0.8c0.2,0.3 0.4,0.6 0.7,1c0,0.1 0.1,0.1 0.1,0.2c3,4.5 5.6,9.5 7.7,14.8c7.8,19 9.9,39.7 11.4,47.5c2.9,15.1 13.5,14.3 13.5,14.3H380h159.5c-2,-7.9 -3.1,-16.3 -3.1,-25.2c0,-41.7 24.3,-75.6 54.2,-75.6c21.8,0 40.5,17.9 49.1,43.7c7.2,17.4 10.4,34.9 11.4,41.9c2.1,15.1 13.5,15.6 13.5,15.6l107.2,-1.3l172.4,0.1l8.7,-7.7l-8,-83.8L931.5,530.9z"
android:fillColor="#DFECF2"/>
<path
android:pathData="M590.6,533.7c21.8,0 40.5,17.9 49.1,43.7c7.2,17.4 10.4,34.9 11.4,41.9c2.1,15.1 13.5,15.6 13.5,15.6l107.2,-1.3l172.4,0.1l9.4,-7l-8.2,-75.5l-173.2,9.9c0,0 -65.6,-10.3 -97.8,-15.2c-5.5,-0.8 -10.6,-3.1 -13.7,-7.7c-16.4,-24.3 -27.1,-37.6 -69.9,-37.6c-33.4,0 -59.2,27.9 -71.4,44.2c-4.8,6.4 -13.5,8.5 -20.7,4.9c-18.4,-9.3 -51.2,-25.6 -61.9,-30c-15.1,-6.3 -131.1,-9.7 -153.4,-10.1c-14.6,-0.3 -27.6,16.8 -34.8,28.6c-2.9,4.7 -9.6,4.9 -12.8,0.3c-18,-26.3 -32.5,-32.7 -61.5,-36.2c-42.3,-5.1 -62.5,33.8 -80.6,45.1c-9.4,5.9 -18,5.1 -24.1,3c-0.2,3.8 -0.3,14.2 0.9,34.4c1.7,26.5 11.3,31.5 11.3,31.5l39.6,16c-1.7,-7.3 -2.6,-15 -2.6,-23.1c0,-41.7 24.3,-75.6 54.2,-75.6c13.3,0 25.6,6.7 35,17.9c0.1,0.1 0.2,0.3 0.3,0.4c0.4,0.4 0.7,0.9 1.1,1.3c0.7,0.7 1.2,1.5 1.8,2.4c0.1,0.1 0.1,0.2 0.2,0.2c0.2,0.3 0.4,0.5 0.6,0.8c0.2,0.3 0.4,0.6 0.7,1c0,0.1 0.1,0.1 0.1,0.2c3,4.5 5.6,9.5 7.7,14.8c7.8,19 9.9,39.7 11.4,47.5c2.9,15.1 13.5,14.3 13.5,14.3H380h159.5c-2,-7.9 -3.1,-16.3 -3.1,-25.2C536.4,567.5 560.7,533.7 590.6,533.7z"
android:fillColor="#CBD8DE"/>
<path
android:pathData="M535.9,618.4l-11.2,0.9H247.1h-15.5c0.2,0.9 0.3,1.8 0.4,2.5c2.9,15.1 13.4,14.3 13.4,14.3h134.1h159.1C537.2,630.5 536.3,624.6 535.9,618.4z"
android:fillColor="#95A4AD"/>
<path
android:pathData="M81.1,617.3l40.3,16.7c-1.3,-5.5 -2.1,-11.2 -2.4,-17.2c-3.7,0.3 -6.7,-6.2 -8.6,-0.4C108.1,623.4 81.1,617.3 81.1,617.3z"
android:fillColor="#95A4AD"/>
<path
android:pathData="M703.9,566.7c-18.9,8.4 -26,47 -35.7,45.7s-8,-4.2 -8,-4.2l-11,0.9c1.1,5 1.8,9.1 2.1,11.8c2.1,15.2 13.5,15.6 13.5,15.6l107.6,-1.3l172.8,0.1l8.2,-8.7l-6.9,-60.4l-177.2,1.6C769.4,567.8 716.7,561.1 703.9,566.7z"
android:fillColor="#95A4AD"/>
<path
android:pathData="M105.1,455.3l101.7,13.5l139.5,8.8l177.4,9.3l137.5,2.1l-93.7,-16l-34.5,-2.5l-373.3,-21.5z"
android:fillColor="#F2FAFF"/>
<path
android:pathData="M610,469.2l155.3,13.5l113.6,1.1c-18.1,-4.2 -67.5,-11.8 -90,-15.6L610,469.2z"
android:fillColor="#F2FAFF"/>
<path
android:pathData="M592.6,519.8c-37.2,0 -67.3,42.9 -67.3,95.7c0,7.1 0.5,13.9 1.6,20.6h12.7c-2,-7.9 -3.1,-16.3 -3.1,-25.2c0,-41.7 24.3,-75.6 54.2,-75.6c21.8,0 40.5,17.9 49.1,43.7c7.2,17.4 10.4,34.9 11.4,41.9c1,7.5 4.4,11.4 7.5,13.4c0.9,-6.1 1.3,-12.4 1.3,-18.9C659.9,562.7 629.7,519.8 592.6,519.8z"
android:fillColor="#95A4AD"/>
<path
android:pathData="M174.9,524c-35.7,0 -64.7,41.2 -64.7,91.9c0,4.7 0.2,9.3 0.7,13.8l10.7,4.3c-1.7,-7.3 -2.6,-15 -2.6,-23.1c0,-41.7 24.3,-75.6 54.2,-75.6c13.3,0 25.6,6.7 35,17.9c0.1,0.1 0.2,0.3 0.3,0.4c0.1,0.2 0.3,0.3 0.4,0.5c0.9,1.1 1.7,2.2 2.5,3.3c0,0 0.1,0.1 0.1,0.1c0.2,0.3 0.4,0.5 0.6,0.8c0.2,0.3 0.4,0.6 0.7,1c0,0.1 0.1,0.1 0.1,0.2c3,4.5 5.6,9.5 7.7,14.8c7.8,19 9.9,39.7 11.4,47.5c1.2,6.3 3.8,9.9 6.3,11.8c0.8,-5.7 1.2,-11.6 1.2,-17.7C239.5,565.2 210.6,524 174.9,524z"
android:fillColor="#95A4AD"/>
<path
android:pathData="M729.4,540.1l-7.8,-20.5c0,0 91.5,1 113.6,1.3c22.1,0.3 84.5,-0.1 97.2,-1l-1,10.9l9.1,9.2l-161.3,8.7C779.3,548.8 743.4,543.8 729.4,540.1z"
android:fillColor="#F2FAFF"/>
<path
android:pathData="M461.5,598.7l-169.8,-6.7l-31.1,17.6l245.5,0z"
android:fillColor="#F2FAFF"/>
<path
android:pathData="M258.2,486c-0.9,-3.1 -3.7,-5.5 -7.1,-5.8l-19.9,-1.6c-3.4,-0.3 -6.5,1.7 -7.9,4.6L258.2,486z"
android:fillColor="#95A4AD"/>
<path
android:pathData="M222.7,488.5c0.8,3.3 3.6,5.9 7.2,6.2l19.9,1.6c3.6,0.3 6.8,-1.9 8.1,-5L222.7,488.5z"
android:fillColor="#95A4AD"/>
<path
android:pathData="M398.8,492.4c-1.1,-3.1 -3.9,-5.3 -7.4,-5.4l-20,-0.5c-3.4,-0.1 -6.4,2 -7.7,5L398.8,492.4z"
android:fillColor="#95A4AD"/>
<path
android:pathData="M363.4,496.7c0.9,3.3 3.9,5.7 7.5,5.8l20,0.5c3.6,0.1 6.7,-2.2 7.8,-5.4L363.4,496.7z"
android:fillColor="#95A4AD"/>
<path
android:pathData="M696.4,611.3"
android:fillColor="#F2FAFF"/>
<path
android:pathData="M570.3,463.9l-4,9.8l98.1,14"
android:strokeWidth="2"
android:fillColor="#00000000"
android:strokeColor="#95A4AD"/>
<path
android:pathData="M675.3,516.5L629.6,557.3"
android:strokeWidth="2"
android:fillColor="#00000000"
android:strokeColor="#95A4AD"/>
<path
android:pathData="M531.7,469.2l-7.7,16.4c0,0 -13.7,90 0.6,134.1H239.9c0,0 -1.3,-43.7 -17.3,-65.2c-14.1,-18.9 -17.2,-45.8 -17.2,-45.8l0.4,-39.5l9.1,-16.8L531.7,469.2z"
android:strokeWidth="2"
android:fillColor="#00000000"
android:strokeColor="#95A4AD"/>
<path
android:pathData="M353.6,459.7l-6.6,17.5c0,0 1.3,75.2 5.9,94.6s9.2,29.8 9.2,29.8l-1.3,10.1l2.2,8.3"
android:strokeWidth="2"
android:fillColor="#00000000"
android:strokeColor="#95A4AD"/>
<path
android:pathData="M213.5,454.9c0,0 8.4,-20.2 35.3,-40.8s65.2,-30.7 88.7,-34.9s69.4,-7.1 101.3,7.1c31.9,14.3 47.7,32.6 60.5,45c11.6,11.2 32.4,37.8 32.4,37.8L213.5,454.9z"
android:fillColor="#161616"/>
<path
android:pathData="M231.4,447.1c0,0 7.4,-16.2 31.2,-32.8c23.7,-16.6 57.5,-24.7 78.3,-28.1c20.8,-3.4 61.2,-5.7 89.4,5.7s53.8,35.5 53.8,35.5l28.2,31.1L231.4,447.1z"
android:fillColor="#3C4242"/>
<path
android:pathData="M458.6,377.2l166,5.9c0,0 67.7,23.1 136.2,77.3c0,0 -165.6,-5 -190.4,3.8C570.4,464.2 501,396.1 458.6,377.2z"
android:fillColor="#3C4242"/>
<path
android:pathData="M99.7,466.4c0,0 -15.5,-1.1 -13.4,16.5c1.8,15.1 3.6,15.1 3.6,15.1c0.7,0 18.5,-1.2 28.6,-13L99.7,466.4z"
android:fillColor="#A01638"/>
<path
android:pathData="M86.2,481.4c5.4,2.4 14.2,4 24.1,4c2.8,0 5.5,-0.1 8.1,-0.4c0,0 0.1,-0.1 0.1,-0.1l-18.8,-18.6C99.7,466.4 85.3,465.4 86.2,481.4z"
android:fillColor="#B92E4D"/>
<path
android:pathData="M98.5,475.6c5.5,2.4 14.9,6.2 14.9,6.2c0,0 -12.9,-12.4 -13,-12.3C96,469.8 94.7,474 98.5,475.6z"
android:fillColor="#C67186"/>
<path
android:pathData="M804.2,536.5h126.5c7.3,0 13.4,4.9 14.1,11.3l8.1,72.3c0.4,3.2 -2.5,6 -6.2,6H749.5c-5.2,0 -8.7,-4.8 -6.5,-8.9l33.8,-65.1C781.7,542.6 792.4,536.5 804.2,536.5z"
android:fillColor="#CBD8DE"/>
<path
android:pathData="M774.9,501.4h138.7v19.1h-138.7z"
android:fillColor="#161616"/>
<path
android:pathData="M913.1,520.4l19.4,-0.5c-0.7,-11.4 -3.3,-18 -5.1,-21.3l-15.8,2.7L913.1,520.4z"
android:fillColor="#3C4242"/>
<path
android:pathData="M929.4,503.3l-11.2,1.1l1.6,10.9l12.3,-0.2C931.4,510.1 930.4,506.2 929.4,503.3z"
android:fillColor="#E2EFF6"/>
<path
android:pathData="M729.4,540.4l-41.1,-10.9c0,0 -34.5,-20.5 -53.4,-46l69.4,10l70.5,7.9l4.4,19.1l-57.7,-0.9L729.4,540.4z"
android:fillColor="#3C4242"/>
<path
android:pathData="M658.2,492.1c10.7,16.6 35.4,30.3 35.4,30.3l22.5,8.1l-5.3,-16.8l56.4,2.8l-3.4,-12.2l-58,-5.8L658.2,492.1z"
android:fillColor="#F2FAFF"/>
<path
android:pathData="M754.4,515.7l-2.3,-6.7l-71.3,-7.7c6.8,14 8,17.4 15.8,22.2l20.1,6.9l-5.4,-16.8L754.4,515.7z"
android:fillColor="#95A4AD"/>
<path
android:pathData="M708.1,611.9l-9.8,0.6c0,0 -2,11.8 21.9,13s52.7,-0.6 52.7,-0.6l44.1,-36.4l-18.6,-0.4l-34.3,24.3L708.1,611.9z"
android:fillColor="#F2FAFF"/>
<path
android:pathData="M813.7,548.2h109.8c6.3,0 11.6,4.2 12.3,9.8l7,62.8c0.3,2.8 -2.2,5.2 -5.4,5.2H766.2c-4.5,0 -7.5,-4.1 -5.6,-7.8l29.3,-56.6C794.1,553.5 803.5,548.2 813.7,548.2z"
android:fillColor="#3C4242"/>
<path
android:pathData="M819.9,556.7h96.7c5.6,0 10.3,3.5 10.8,8.2l6.2,52.5c0.3,2.3 -1.9,4.4 -4.7,4.4H778c-4,0 -6.6,-3.4 -5,-6.5l25.8,-47.3C802.7,561.1 810.9,556.7 819.9,556.7z"
android:fillColor="#161616"/>
<path
android:pathData="M734.9,625.7l-16.3,-1.4c-7.8,0 -13.3,-5.6 -10.7,-11l16.1,-33.2c1.6,-3.3 2.5,-4.5 7.8,-5.7c3.7,-0.9 11.2,-2.1 15,-2.6h-26.3c-5.3,0 -10,2.4 -11.7,6l-17.6,36.3c-2.8,5.9 3.2,12 11.7,12h31.9C734.9,626 734.9,625.8 734.9,625.7z"
android:fillColor="#3C4242"/>
<path
android:pathData="M741.4,625.7l-16.3,-1.4c-7.8,0 -13.3,-5.6 -10.7,-11l16.1,-33.2c1.6,-3.3 2.5,-4.5 7.8,-5.7c3.7,-0.9 11.2,-2.1 15,-2.6H727c-5.3,0 -10,2.4 -11.7,6l-17.6,36.3c-2.8,5.9 3.2,12 11.7,12h31.9C741.3,626 741.4,625.8 741.4,625.7z"
android:fillColor="#3C4242"/>
<path
android:pathData="M239.1,435.7c-5.4,6.7 -7.5,11.2 -7.6,11.4l0.8,0.1l117.4,4.8l6.5,-23.2C325.3,420.6 244.9,434.7 239.1,435.7z"
android:fillColor="#161616"/>
<path
android:pathData="M717.9,450.5l-11.1,-5.5c-1.5,-0.7 -3,-1.3 -4.6,-1.7c-10,-2.3 -47.7,-10.6 -63.5,-7.5l-37.1,14.1L717.9,450.5z"
android:fillColor="#161616"/>
<path
android:pathData="M735.4,451c0,0 -108,-8 -187.8,-8.1c13.7,12.3 22.8,21.3 22.8,21.3c21.1,-7.5 144.6,-5 180.6,-4.1L735.4,451z"
android:fillColor="#161616"/>
<path
android:pathData="M545.9,384.8l-10.2,1.2c0,0 12.3,21.7 15.2,29c6.7,16.5 8.7,35.9 8.7,35.9l22.2,-2.7c0,0 -14.8,-28.5 -20.2,-38C558,403.8 545.9,384.8 545.9,384.8z"
android:fillColor="#161616"/>
<path
android:pathData="M598,455.8c-0.6,-1.6 -0.9,-3.3 -0.9,-5c0,-9 7.8,-16.3 17.5,-16.3s17.5,7.3 17.5,16.3c0,1.8 -0.3,3.5 -0.9,5h5.3c0.4,-1.6 0.7,-3.3 0.7,-5c0,-11.6 -10.1,-21 -22.6,-21s-22.6,9.4 -22.6,21c0,1.7 0.2,3.4 0.7,5H598z"
android:fillColor="#161616"/>
<path
android:pathData="M503.2,402.1l12.7,0.4c2.3,0.1 4.5,1.1 5.9,2.9c2.9,3.5 7,9.5 6.2,14.8L503.2,402.1z"
android:fillColor="#161616"/>
<path
android:pathData="M498.6,458.1l6.2,-7.6l-20.8,-22.9c0,0 -1.6,-1.5 -4.4,-3.9L463,436l-15.5,-0.6c0,0 -8.4,-8 -9.9,-7.8c-1.4,0.2 -16.3,-0.2 -16.3,-0.2l-2.9,-13.4l16.9,-19l-9,-4.5c-1.1,-0.4 -2.2,-0.7 -3.3,-1.1l-13.5,-2.9l-18.3,14.8c0,0 -10.1,0.6 -13.4,6.2s-4.3,10.5 -4.3,10.5l-12.4,7.8l-4.6,26.3L498.6,458.1z"
android:fillColor="#161616"/>
<path
android:pathData="M621.5,394.2c0,0 58.1,19.9 121.2,65.9c11.9,0.3 19.2,0.5 19.2,0.5c-68.5,-54.2 -136.2,-77.3 -136.2,-77.3l-166,-5.9c6.5,2.9 13.7,7 21.2,11.8L621.5,394.2z"
android:fillColor="#161616"/>
<path
android:pathData="M273.1,442.3l-13.7,1c-6,0.5 -11.3,-4.1 -11.8,-10.1v0c-0.5,-6 4.1,-11.3 10.1,-11.8l13.7,-1c6,-0.5 11.3,4.1 11.8,10.1v0C283.7,436.5 279.2,441.8 273.1,442.3z"
android:fillColor="#161616"/>
<path
android:pathData="M345.6,438.7l-17.6,1.3c-7.2,0.5 -13.4,-4.8 -14,-12v0c-0.5,-7.2 4.8,-13.4 12,-14l17.6,-1.3c7.2,-0.5 13.4,4.8 14,12v0C358.1,431.9 352.7,438.2 345.6,438.7z"
android:fillColor="#161616"/>
<path
android:pathData="M368.8,378.4h10.7c0,0 -10,28 -12.1,37.3c-4.8,21 -4.5,44.8 -4.5,44.8h-23.2c0,0 11.7,-36.7 16.1,-49C358.6,403.3 368.8,378.4 368.8,378.4z"
android:fillColor="#161616"/>
<path
android:pathData="M270.7,403h6.8c0,0 -6.3,17.8 -7.7,23.7c-3.1,13.3 -2.9,28.4 -2.9,28.4h-14.7c0,0 7.4,-23.3 10.2,-31C264.2,418.8 270.7,403 270.7,403z"
android:fillColor="#161616"/>
<path
android:pathData="M466.8,377.5l-8.2,-0.3c42.5,18.9 111.8,87 111.8,87c1.5,-0.5 3.6,-1 6.1,-1.5C566.2,452.8 505.6,395.1 466.8,377.5z"
android:fillColor="#161616"/>
<path
android:pathData="M694.8,426.3c23.6,14 45.1,29.8 45.1,29.8l-33.1,-3.9L694.8,426.3z"
android:fillColor="#161616"/>
<path
android:pathData="M474.8,419C501.8,439.7 519,464 519,464l-50.2,-2.5L474.8,419z"
android:fillColor="#161616"/>
<path
android:pathData="M515.9,458.8L515.9,458.8c0.2,-4.6 -3.3,-8.3 -7.8,-8.4l-18.4,-0.1c-4.5,0 -8.2,3.7 -8.4,8.2l0,0c-0.2,4.6 3.3,8.3 7.8,8.4l18.4,0.1C512,467.1 515.7,463.4 515.9,458.8z"
android:fillColor="#303435"/>
<path
android:pathData="M457.4,433.4h31.7c1.9,0 3.7,0.8 5,2.1l11.7,12.3c1.5,2.1 1.5,5 0,7.1l-10.6,14.4h-37.8c-4.3,0 -8.3,-2.2 -10.6,-5.8l-3.4,-5.4c-2.6,-4.1 -2.6,-9.4 0,-13.5l3.4,-5.4C449.1,435.6 453.1,433.4 457.4,433.4z"
android:fillColor="#DFECF2"/>
<path
android:pathData="M459.8,461.2c-5.3,0 -10.2,-2.2 -13.1,-5.8l-4.3,-5.4c-0.3,-0.3 -0.5,-0.7 -0.7,-1c-0.7,3.2 -0.2,6.6 1.7,9.4l3.4,5.4c2.3,3.6 6.3,5.8 10.6,5.8h37.8l6.2,-8.4H459.8z"
android:fillColor="#CBD8DE"/>
</vector>