找找图标
leaf-two-tone 图标

leaf-two-tone SVG 图标

keyline-iconsleaf-two-tone

来自 Keyline Icons 开源图标集，矢量 SVG 可无损缩放到任意尺寸，支持在线改色、复制 React/Vue/HTML 代码。

图标 ID
keyline-icons:leaf-two-tone
中文名
—
所属集合
Keyline Icons
集合规模
13,232 枚
基础网格
24px
色彩
单色（可改色）
开源协议
MIT
作者
Keyline Icons

下载 leaf-two-tone 图标

SVG 矢量源文件，或 PNG 按 16~512 预设与 16~1024 自定义尺寸导出，任意尺寸边缘锐利。

px
iOS / Android 全套尺寸 · 素材包生成器用 AI 生成类似风格的图标

PNG 由矢量源实时渲染，任意尺寸边缘锐利无锯齿；下载与预览均免费，无需注册。

leaf-two-tone 的预览与使用场景

切换预览颜色后，下方三底色、真实界面场景与各尺寸渲染会实时跟随。

预览颜色
leaf-two-tone 图标 浅色背景预览浅色背景
leaf-two-tone 图标 深色背景预览深色背景
leaf-two-tone 图标 灰底融入预览灰底融入

在真实界面里长这样

继续按钮内 · 主操作
搜索leaf-two-tone…输入框 · 前缀图标
leaf-two-tone导航菜单 · 选中态
暂无内容空状态 · 引导提示
9:41leaf-two-tone App 图标leaf-two-toneleafleaf-duotoneleaf-fillleaf-sharpleaf-sharp-duotoneleaf-sharp-fillleaf-sharp-two-tone手机桌面 · App 图标
leaf-two-tonekeyline-icons.design/icons/leaf-two-tone浏览器 · 标签页与站点图标

各尺寸下的可读性

leaf-two-tone 图标 24px 渲染24pxleaf-two-tone 图标 32px 渲染32pxleaf-two-tone 图标 48px 渲染48pxleaf-two-tone 图标 64px 渲染64pxleaf-two-tone 图标 96px 渲染96pxleaf-two-tone 图标 128px 渲染128px

复制 leaf-two-tone 图标代码

内联 SVG、React、Vue 与 CSS mask 四种主流引用方式，代码基于当前源文件生成，复制即用。

svgSVG 源码（内联 HTML）
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M6.4231 18.4479C6.2654 18.1876 6.1082 17.8947 5.9591 17.5763C5.8098 17.2577 5.6676 16.911 5.5407 16.5431C5.4138 16.1752 5.3017 15.784 5.2136 15.3767C5.1255 14.9694 5.0609 14.5439 5.0301 14.1076C4.9994 13.6713 5.0023 13.2223 5.05 12.7689C5.0978 12.3154 5.1906 11.8568 5.3399 11.4028C5.4893 10.9485 5.6946 10.501 5.9654 10.0703C6.2362 9.6394 6.5698 9.2297 6.9723 8.8493C7.3746 8.469 7.8423 8.1211 8.3797 7.8106C8.7919 7.5725 9.1944 7.3746 9.588 7.2064C9.9814 7.0382 10.3638 6.9006 10.7347 6.7826C11.1049 6.6647 11.4645 6.5662 11.8099 6.477C12.1432 6.391 12.5016 6.3042 12.8102 6.2261C13.1327 6.1445 13.4399 6.0628 13.741 5.9703C14.0411 5.8782 14.3318 5.7763 14.6178 5.6559C14.9035 5.5357 15.1861 5.3963 15.4689 5.229C15.7517 5.0617 16.038 4.8643 16.3297 4.6269C16.6216 4.3893 16.9212 4.1096 17.2296 3.7766C17.5383 3.4434 17.8563 3.0562 18.1847 2.6036C18.5558 2.0918 19.147 1.9372 19.6369 2.0226C20.1223 2.1073 20.6113 2.4429 20.8053 3.0173C20.9358 3.4038 21.0603 3.809 21.1764 4.2296C21.2926 4.6501 21.4004 5.0864 21.4972 5.5348C21.5939 5.9832 21.6798 6.4441 21.752 6.9138C21.8242 7.3834 21.8828 7.8624 21.9249 8.3468C21.967 8.8312 21.9926 9.3216 21.9989 9.8142C22.0051 10.3068 21.9919 10.8022 21.9562 11.2963C21.9205 11.7905 21.8622 12.2842 21.778 12.7733C21.6938 13.2623 21.5836 13.7474 21.4439 14.2242C21.3042 14.7009 21.1348 15.1698 20.9323 15.6261C20.7297 16.0824 20.4939 16.5261 20.2215 16.9523C19.949 17.3787 19.6402 17.7868 19.2922 18.1719C18.8245 18.6895 18.3362 19.1356 17.8331 19.5157C17.33 19.8959 16.8137 20.2087 16.291 20.4606C15.7683 20.7125 15.241 20.9025 14.7163 21.038C14.1917 21.1734 13.671 21.2541 13.1612 21.2882C12.6515 21.3223 12.153 21.3098 11.6725 21.2591C11.192 21.2083 10.7288 21.1192 10.2893 20.9998C9.8499 20.8804 9.4328 20.7303 9.0445 20.5567C8.6564 20.3833 8.2947 20.1853 7.9667 19.9693C7.6392 19.7536 7.3408 19.517 7.082 19.2647C6.8241 19.0135 6.5969 18.7382 6.4204 18.4435Z" stroke="none"/><path d="M7.2784 17.9298C6.0328 15.8736 4.6092 11.144 8.88 8.6765C12.6338 6.5076 15.5004 8.0067 18.9941 3.1908C19.2226 2.8757 19.7335 2.969 19.8579 3.3373C21.2259 7.3899 21.9545 13.7344 18.5503 17.5014C14.2791 22.228 8.5181 20.0005 7.2784 17.9298ZM12.5003 14.0037C10.5004 18.5012 6.2492 17.7512 3.0003 21"/></g></svg>
reactReact 组件（TSX）
export function LeafTwoToneIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="1em"
      height="1em"
      viewBox="0 0 24 24"
      fill="currentColor"
      {...props}
      dangerouslySetInnerHTML={{ __html: `<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M6.4231 18.4479C6.2654 18.1876 6.1082 17.8947 5.9591 17.5763C5.8098 17.2577 5.6676 16.911 5.5407 16.5431C5.4138 16.1752 5.3017 15.784 5.2136 15.3767C5.1255 14.9694 5.0609 14.5439 5.0301 14.1076C4.9994 13.6713 5.0023 13.2223 5.05 12.7689C5.0978 12.3154 5.1906 11.8568 5.3399 11.4028C5.4893 10.9485 5.6946 10.501 5.9654 10.0703C6.2362 9.6394 6.5698 9.2297 6.9723 8.8493C7.3746 8.469 7.8423 8.1211 8.3797 7.8106C8.7919 7.5725 9.1944 7.3746 9.588 7.2064C9.9814 7.0382 10.3638 6.9006 10.7347 6.7826C11.1049 6.6647 11.4645 6.5662 11.8099 6.477C12.1432 6.391 12.5016 6.3042 12.8102 6.2261C13.1327 6.1445 13.4399 6.0628 13.741 5.9703C14.0411 5.8782 14.3318 5.7763 14.6178 5.6559C14.9035 5.5357 15.1861 5.3963 15.4689 5.229C15.7517 5.0617 16.038 4.8643 16.3297 4.6269C16.6216 4.3893 16.9212 4.1096 17.2296 3.7766C17.5383 3.4434 17.8563 3.0562 18.1847 2.6036C18.5558 2.0918 19.147 1.9372 19.6369 2.0226C20.1223 2.1073 20.6113 2.4429 20.8053 3.0173C20.9358 3.4038 21.0603 3.809 21.1764 4.2296C21.2926 4.6501 21.4004 5.0864 21.4972 5.5348C21.5939 5.9832 21.6798 6.4441 21.752 6.9138C21.8242 7.3834 21.8828 7.8624 21.9249 8.3468C21.967 8.8312 21.9926 9.3216 21.9989 9.8142C22.0051 10.3068 21.9919 10.8022 21.9562 11.2963C21.9205 11.7905 21.8622 12.2842 21.778 12.7733C21.6938 13.2623 21.5836 13.7474 21.4439 14.2242C21.3042 14.7009 21.1348 15.1698 20.9323 15.6261C20.7297 16.0824 20.4939 16.5261 20.2215 16.9523C19.949 17.3787 19.6402 17.7868 19.2922 18.1719C18.8245 18.6895 18.3362 19.1356 17.8331 19.5157C17.33 19.8959 16.8137 20.2087 16.291 20.4606C15.7683 20.7125 15.241 20.9025 14.7163 21.038C14.1917 21.1734 13.671 21.2541 13.1612 21.2882C12.6515 21.3223 12.153 21.3098 11.6725 21.2591C11.192 21.2083 10.7288 21.1192 10.2893 20.9998C9.8499 20.8804 9.4328 20.7303 9.0445 20.5567C8.6564 20.3833 8.2947 20.1853 7.9667 19.9693C7.6392 19.7536 7.3408 19.517 7.082 19.2647C6.8241 19.0135 6.5969 18.7382 6.4204 18.4435Z" stroke="none"/><path d="M7.2784 17.9298C6.0328 15.8736 4.6092 11.144 8.88 8.6765C12.6338 6.5076 15.5004 8.0067 18.9941 3.1908C19.2226 2.8757 19.7335 2.969 19.8579 3.3373C21.2259 7.3899 21.9545 13.7344 18.5503 17.5014C14.2791 22.228 8.5181 20.0005 7.2784 17.9298ZM12.5003 14.0037C10.5004 18.5012 6.2492 17.7512 3.0003 21"/></g>` }}
    />
  );
}
vueVue 3 组件
<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor" v-html="body"></svg>
</template>

<script setup>
const body = `<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M6.4231 18.4479C6.2654 18.1876 6.1082 17.8947 5.9591 17.5763C5.8098 17.2577 5.6676 16.911 5.5407 16.5431C5.4138 16.1752 5.3017 15.784 5.2136 15.3767C5.1255 14.9694 5.0609 14.5439 5.0301 14.1076C4.9994 13.6713 5.0023 13.2223 5.05 12.7689C5.0978 12.3154 5.1906 11.8568 5.3399 11.4028C5.4893 10.9485 5.6946 10.501 5.9654 10.0703C6.2362 9.6394 6.5698 9.2297 6.9723 8.8493C7.3746 8.469 7.8423 8.1211 8.3797 7.8106C8.7919 7.5725 9.1944 7.3746 9.588 7.2064C9.9814 7.0382 10.3638 6.9006 10.7347 6.7826C11.1049 6.6647 11.4645 6.5662 11.8099 6.477C12.1432 6.391 12.5016 6.3042 12.8102 6.2261C13.1327 6.1445 13.4399 6.0628 13.741 5.9703C14.0411 5.8782 14.3318 5.7763 14.6178 5.6559C14.9035 5.5357 15.1861 5.3963 15.4689 5.229C15.7517 5.0617 16.038 4.8643 16.3297 4.6269C16.6216 4.3893 16.9212 4.1096 17.2296 3.7766C17.5383 3.4434 17.8563 3.0562 18.1847 2.6036C18.5558 2.0918 19.147 1.9372 19.6369 2.0226C20.1223 2.1073 20.6113 2.4429 20.8053 3.0173C20.9358 3.4038 21.0603 3.809 21.1764 4.2296C21.2926 4.6501 21.4004 5.0864 21.4972 5.5348C21.5939 5.9832 21.6798 6.4441 21.752 6.9138C21.8242 7.3834 21.8828 7.8624 21.9249 8.3468C21.967 8.8312 21.9926 9.3216 21.9989 9.8142C22.0051 10.3068 21.9919 10.8022 21.9562 11.2963C21.9205 11.7905 21.8622 12.2842 21.778 12.7733C21.6938 13.2623 21.5836 13.7474 21.4439 14.2242C21.3042 14.7009 21.1348 15.1698 20.9323 15.6261C20.7297 16.0824 20.4939 16.5261 20.2215 16.9523C19.949 17.3787 19.6402 17.7868 19.2922 18.1719C18.8245 18.6895 18.3362 19.1356 17.8331 19.5157C17.33 19.8959 16.8137 20.2087 16.291 20.4606C15.7683 20.7125 15.241 20.9025 14.7163 21.038C14.1917 21.1734 13.671 21.2541 13.1612 21.2882C12.6515 21.3223 12.153 21.3098 11.6725 21.2591C11.192 21.2083 10.7288 21.1192 10.2893 20.9998C9.8499 20.8804 9.4328 20.7303 9.0445 20.5567C8.6564 20.3833 8.2947 20.1853 7.9667 19.9693C7.6392 19.7536 7.3408 19.517 7.082 19.2647C6.8241 19.0135 6.5969 18.7382 6.4204 18.4435Z" stroke="none"/><path d="M7.2784 17.9298C6.0328 15.8736 4.6092 11.144 8.88 8.6765C12.6338 6.5076 15.5004 8.0067 18.9941 3.1908C19.2226 2.8757 19.7335 2.969 19.8579 3.3373C21.2259 7.3899 21.9545 13.7344 18.5503 17.5014C14.2791 22.228 8.5181 20.0005 7.2784 17.9298ZM12.5003 14.0037C10.5004 18.5012 6.2492 17.7512 3.0003 21"/></g>`;
</script>
cssCSS mask（随 currentColor 改色）
.leaf-two-tone {
  width: 1em;
  height: 1em;
  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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M6.4231%2018.4479C6.2654%2018.1876%206.1082%2017.8947%205.9591%2017.5763C5.8098%2017.2577%205.6676%2016.911%205.5407%2016.5431C5.4138%2016.1752%205.3017%2015.784%205.2136%2015.3767C5.1255%2014.9694%205.0609%2014.5439%205.0301%2014.1076C4.9994%2013.6713%205.0023%2013.2223%205.05%2012.7689C5.0978%2012.3154%205.1906%2011.8568%205.3399%2011.4028C5.4893%2010.9485%205.6946%2010.501%205.9654%2010.0703C6.2362%209.6394%206.5698%209.2297%206.9723%208.8493C7.3746%208.469%207.8423%208.1211%208.3797%207.8106C8.7919%207.5725%209.1944%207.3746%209.588%207.2064C9.9814%207.0382%2010.3638%206.9006%2010.7347%206.7826C11.1049%206.6647%2011.4645%206.5662%2011.8099%206.477C12.1432%206.391%2012.5016%206.3042%2012.8102%206.2261C13.1327%206.1445%2013.4399%206.0628%2013.741%205.9703C14.0411%205.8782%2014.3318%205.7763%2014.6178%205.6559C14.9035%205.5357%2015.1861%205.3963%2015.4689%205.229C15.7517%205.0617%2016.038%204.8643%2016.3297%204.6269C16.6216%204.3893%2016.9212%204.1096%2017.2296%203.7766C17.5383%203.4434%2017.8563%203.0562%2018.1847%202.6036C18.5558%202.0918%2019.147%201.9372%2019.6369%202.0226C20.1223%202.1073%2020.6113%202.4429%2020.8053%203.0173C20.9358%203.4038%2021.0603%203.809%2021.1764%204.2296C21.2926%204.6501%2021.4004%205.0864%2021.4972%205.5348C21.5939%205.9832%2021.6798%206.4441%2021.752%206.9138C21.8242%207.3834%2021.8828%207.8624%2021.9249%208.3468C21.967%208.8312%2021.9926%209.3216%2021.9989%209.8142C22.0051%2010.3068%2021.9919%2010.8022%2021.9562%2011.2963C21.9205%2011.7905%2021.8622%2012.2842%2021.778%2012.7733C21.6938%2013.2623%2021.5836%2013.7474%2021.4439%2014.2242C21.3042%2014.7009%2021.1348%2015.1698%2020.9323%2015.6261C20.7297%2016.0824%2020.4939%2016.5261%2020.2215%2016.9523C19.949%2017.3787%2019.6402%2017.7868%2019.2922%2018.1719C18.8245%2018.6895%2018.3362%2019.1356%2017.8331%2019.5157C17.33%2019.8959%2016.8137%2020.2087%2016.291%2020.4606C15.7683%2020.7125%2015.241%2020.9025%2014.7163%2021.038C14.1917%2021.1734%2013.671%2021.2541%2013.1612%2021.2882C12.6515%2021.3223%2012.153%2021.3098%2011.6725%2021.2591C11.192%2021.2083%2010.7288%2021.1192%2010.2893%2020.9998C9.8499%2020.8804%209.4328%2020.7303%209.0445%2020.5567C8.6564%2020.3833%208.2947%2020.1853%207.9667%2019.9693C7.6392%2019.7536%207.3408%2019.517%207.082%2019.2647C6.8241%2019.0135%206.5969%2018.7382%206.4204%2018.4435Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M7.2784%2017.9298C6.0328%2015.8736%204.6092%2011.144%208.88%208.6765C12.6338%206.5076%2015.5004%208.0067%2018.9941%203.1908C19.2226%202.8757%2019.7335%202.969%2019.8579%203.3373C21.2259%207.3899%2021.9545%2013.7344%2018.5503%2017.5014C14.2791%2022.228%208.5181%2020.0005%207.2784%2017.9298ZM12.5003%2014.0037C10.5004%2018.5012%206.2492%2017.7512%203.0003%2021%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M6.4231%2018.4479C6.2654%2018.1876%206.1082%2017.8947%205.9591%2017.5763C5.8098%2017.2577%205.6676%2016.911%205.5407%2016.5431C5.4138%2016.1752%205.3017%2015.784%205.2136%2015.3767C5.1255%2014.9694%205.0609%2014.5439%205.0301%2014.1076C4.9994%2013.6713%205.0023%2013.2223%205.05%2012.7689C5.0978%2012.3154%205.1906%2011.8568%205.3399%2011.4028C5.4893%2010.9485%205.6946%2010.501%205.9654%2010.0703C6.2362%209.6394%206.5698%209.2297%206.9723%208.8493C7.3746%208.469%207.8423%208.1211%208.3797%207.8106C8.7919%207.5725%209.1944%207.3746%209.588%207.2064C9.9814%207.0382%2010.3638%206.9006%2010.7347%206.7826C11.1049%206.6647%2011.4645%206.5662%2011.8099%206.477C12.1432%206.391%2012.5016%206.3042%2012.8102%206.2261C13.1327%206.1445%2013.4399%206.0628%2013.741%205.9703C14.0411%205.8782%2014.3318%205.7763%2014.6178%205.6559C14.9035%205.5357%2015.1861%205.3963%2015.4689%205.229C15.7517%205.0617%2016.038%204.8643%2016.3297%204.6269C16.6216%204.3893%2016.9212%204.1096%2017.2296%203.7766C17.5383%203.4434%2017.8563%203.0562%2018.1847%202.6036C18.5558%202.0918%2019.147%201.9372%2019.6369%202.0226C20.1223%202.1073%2020.6113%202.4429%2020.8053%203.0173C20.9358%203.4038%2021.0603%203.809%2021.1764%204.2296C21.2926%204.6501%2021.4004%205.0864%2021.4972%205.5348C21.5939%205.9832%2021.6798%206.4441%2021.752%206.9138C21.8242%207.3834%2021.8828%207.8624%2021.9249%208.3468C21.967%208.8312%2021.9926%209.3216%2021.9989%209.8142C22.0051%2010.3068%2021.9919%2010.8022%2021.9562%2011.2963C21.9205%2011.7905%2021.8622%2012.2842%2021.778%2012.7733C21.6938%2013.2623%2021.5836%2013.7474%2021.4439%2014.2242C21.3042%2014.7009%2021.1348%2015.1698%2020.9323%2015.6261C20.7297%2016.0824%2020.4939%2016.5261%2020.2215%2016.9523C19.949%2017.3787%2019.6402%2017.7868%2019.2922%2018.1719C18.8245%2018.6895%2018.3362%2019.1356%2017.8331%2019.5157C17.33%2019.8959%2016.8137%2020.2087%2016.291%2020.4606C15.7683%2020.7125%2015.241%2020.9025%2014.7163%2021.038C14.1917%2021.1734%2013.671%2021.2541%2013.1612%2021.2882C12.6515%2021.3223%2012.153%2021.3098%2011.6725%2021.2591C11.192%2021.2083%2010.7288%2021.1192%2010.2893%2020.9998C9.8499%2020.8804%209.4328%2020.7303%209.0445%2020.5567C8.6564%2020.3833%208.2947%2020.1853%207.9667%2019.9693C7.6392%2019.7536%207.3408%2019.517%207.082%2019.2647C6.8241%2019.0135%206.5969%2018.7382%206.4204%2018.4435Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M7.2784%2017.9298C6.0328%2015.8736%204.6092%2011.144%208.88%208.6765C12.6338%206.5076%2015.5004%208.0067%2018.9941%203.1908C19.2226%202.8757%2019.7335%202.969%2019.8579%203.3373C21.2259%207.3899%2021.9545%2013.7344%2018.5503%2017.5014C14.2791%2022.228%208.5181%2020.0005%207.2784%2017.9298ZM12.5003%2014.0037C10.5004%2018.5012%206.2492%2017.7512%203.0003%2021%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

给 leaf-two-tone 加一点动效

单文件 CSS 即可播放，无需任何依赖；描画动效仅对描边类图标生效。

leaf-two-tone 呼吸动效演示

呼吸

透明度往复渐变，适合状态提示与在线指示。

css呼吸动效样式
.icon-leaf-two-tone {
  animation: icon-breathe 1.8s ease-in-out infinite;
}

@keyframes icon-breathe {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.35; }
}
leaf-two-tone 旋转动效演示

旋转

匀速循环旋转，适合加载中场景。

css旋转动效样式
.icon-leaf-two-tone {
  animation: icon-spin 1.6s linear infinite;
}

@keyframes icon-spin {
  to { transform: rotate(360deg); }
}
leaf-two-tone 描画动效演示

描画

线条从无到有依次绘出，适合线性图标与首屏引导。

css描画动效样式
.icon-leaf-two-tone path {
  stroke-dasharray: 120;
  animation: icon-draw 1.2s ease forwards;
}

@keyframes icon-draw {
  from { stroke-dashoffset: 120; }
  to { stroke-dashoffset: 0; }
}

SVG 健康报告

对源文件的客观技术指标，供工程侧评估引用方式。

文件体积

2.41 KB

2,471 字节

viewBox

0 0 24 24

矢量坐标系

图元总数

2

<path> ×2

风格

单色轮廓（描边）

描边可随字号加粗

同时含 width/height 与 viewBox：可以只保留 viewBox，让图标跟随容器自适应缩放。 文件体积 2.41 KB（2,471 字节），图元 2 个，风格为单色轮廓（描边）。

常见问题

关于 leaf-two-tone 图标的下载、商用与改色。

leaf-two-tone 图标是什么？▾

它是 Keyline Icons（keyline-icons）开源图标集中的 leaf-two-tone 图标，单色轮廓（描边），viewBox 为 0 0 24 24，文件仅 2.41 KB，矢量格式可无损缩放到任意尺寸。

如何下载 leaf-two-tone 图标？▾

点击「下载与导出」中的 SVG 源文件按钮保存矢量文件；也可以按 512 / 256 / 128 / 64 / 32 / 16px 预设导出 PNG，或在输入框填 16~1024 之间的任意尺寸。需要 iOS、Android 全套尺寸时，用素材包生成器一键打包。

leaf-two-tone 图标可以商用吗？▾

该图标采用 MIT（MIT） 开源协议，通常允许在遵守协议的前提下免费使用，常见要求是保留作者版权声明。商用前建议阅读协议原文确认。

如何修改 leaf-two-tone 图标的颜色？▾

在「预览与场景」的色板中切换颜色，三底色与全部场景会实时跟随；点击任一相近图标可打开预览弹层，复制对应颜色的 SVG 源码或 PNG。也可以复制 SVG 源码后自行修改 fill 值。

Keyline Icons 中的相近图标

leaf
leaf-duotone
leaf-fill
leaf-sharp
leaf-sharp-duotone
leaf-sharp-fill
leaf-sharp-two-tone