lark icon
lark from IconPark by ByteDance · Color · Brand · Apache-2.0 Free for personal and commercial use.
- Name
- lark
- Set
- IconPark
- Style
- Color
- Category
- Brand
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More brand icons from IconPark
Use the lark icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill-rule="evenodd" clip-rule="evenodd"><path d="M41.0716 5.99409L3.31071 16.5187L12.3856 25.8126L20.7998 25.9594L30.4827 16.5187C30.2266 15.9943 30.0985 15.5552 30.0985 15.2013C30.0985 14.4074 30.4104 13.7786 30.8947 13.333C31.7241 12.57 32.7222 12.4558 33.8889 12.9905L41.0716 5.99409Z"/><path d="M42.1021 6.72842L31.5775 44.4893L22.2836 35.4144L22.1367 27.0002L31.5115 17.4816C32.0195 17.8454 32.5743 18.0105 33.1759 17.9769C34.0784 17.9264 34.6614 17.3813 34.9349 17.0602C35.2083 16.7392 35.5293 16.2051 35.5025 15.4113C35.4847 14.8821 35.3109 14.3941 34.9812 13.9472L42.1021 6.72842Z"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkLark(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fillRule="evenodd" clipRule="evenodd"><path d="M41.0716 5.99409L3.31071 16.5187L12.3856 25.8126L20.7998 25.9594L30.4827 16.5187C30.2266 15.9943 30.0985 15.5552 30.0985 15.2013C30.0985 14.4074 30.4104 13.7786 30.8947 13.333C31.7241 12.57 32.7222 12.4558 33.8889 12.9905L41.0716 5.99409Z"/><path d="M42.1021 6.72842L31.5775 44.4893L22.2836 35.4144L22.1367 27.0002L31.5115 17.4816C32.0195 17.8454 32.5743 18.0105 33.1759 17.9769C34.0784 17.9264 34.6614 17.3813 34.9349 17.0602C35.2083 16.7392 35.5293 16.2051 35.5025 15.4113C35.4847 14.8821 35.3109 14.3941 34.9812 13.9472L42.1021 6.72842Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill-rule="evenodd" clip-rule="evenodd"><path d="M41.0716 5.99409L3.31071 16.5187L12.3856 25.8126L20.7998 25.9594L30.4827 16.5187C30.2266 15.9943 30.0985 15.5552 30.0985 15.2013C30.0985 14.4074 30.4104 13.7786 30.8947 13.333C31.7241 12.57 32.7222 12.4558 33.8889 12.9905L41.0716 5.99409Z"/><path d="M42.1021 6.72842L31.5775 44.4893L22.2836 35.4144L22.1367 27.0002L31.5115 17.4816C32.0195 17.8454 32.5743 18.0105 33.1759 17.9769C34.0784 17.9264 34.6614 17.3813 34.9349 17.0602C35.2083 16.7392 35.5293 16.2051 35.5025 15.4113C35.4847 14.8821 35.3109 14.3941 34.9812 13.9472L42.1021 6.72842Z"/></g></svg> </template>
CSS
.icon-lark {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M41.0716%205.99409L3.31071%2016.5187L12.3856%2025.8126L20.7998%2025.9594L30.4827%2016.5187C30.2266%2015.9943%2030.0985%2015.5552%2030.0985%2015.2013C30.0985%2014.4074%2030.4104%2013.7786%2030.8947%2013.333C31.7241%2012.57%2032.7222%2012.4558%2033.8889%2012.9905L41.0716%205.99409Z%22%2F%3E%3Cpath%20d%3D%22M42.1021%206.72842L31.5775%2044.4893L22.2836%2035.4144L22.1367%2027.0002L31.5115%2017.4816C32.0195%2017.8454%2032.5743%2018.0105%2033.1759%2017.9769C34.0784%2017.9264%2034.6614%2017.3813%2034.9349%2017.0602C35.2083%2016.7392%2035.5293%2016.2051%2035.5025%2015.4113C35.4847%2014.8821%2035.3109%2014.3941%2034.9812%2013.9472L42.1021%206.72842Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M41.0716%205.99409L3.31071%2016.5187L12.3856%2025.8126L20.7998%2025.9594L30.4827%2016.5187C30.2266%2015.9943%2030.0985%2015.5552%2030.0985%2015.2013C30.0985%2014.4074%2030.4104%2013.7786%2030.8947%2013.333C31.7241%2012.57%2032.7222%2012.4558%2033.8889%2012.9905L41.0716%205.99409Z%22%2F%3E%3Cpath%20d%3D%22M42.1021%206.72842L31.5775%2044.4893L22.2836%2035.4144L22.1367%2027.0002L31.5115%2017.4816C32.0195%2017.8454%2032.5743%2018.0105%2033.1759%2017.9769C34.0784%2017.9264%2034.6614%2017.3813%2034.9349%2017.0602C35.2083%2016.7392%2035.5293%2016.2051%2035.5025%2015.4113C35.4847%2014.8821%2035.3109%2014.3941%2034.9812%2013.9472L42.1021%206.72842Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/lark.svg?color=%231a73e8&size=48
