找找图标
forest 图标

forest SVG 图标

logosforest

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

图标 ID
logos:forest
中文名
—
所属集合
SVG Logos
集合规模
2,043 枚
基础网格
—
色彩
多色
开源协议
CC0-1.0
作者
Gil Barbara

下载 forest 图标

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

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

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

forest 的预览与使用场景

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

预览颜色
forest 图标 浅色背景预览浅色背景
forest 图标 深色背景预览深色背景
forest 图标 灰底融入预览灰底融入

在真实界面里长这样

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

各尺寸下的可读性

forest 图标 24px 渲染24pxforest 图标 32px 渲染32pxforest 图标 48px 渲染48pxforest 图标 64px 渲染64pxforest 图标 96px 渲染96pxforest 图标 128px 渲染128px

复制 forest 图标代码

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

svgSVG 源码（内联 HTML）
<svg xmlns="http://www.w3.org/2000/svg" width="4.07em" height="1em" viewBox="0 0 512 126"><path fill="#3f5b1e" d="M0 0v125.466h56.665V75.418L32.218 99.86l-8.59-8.59l39.117-39.118l39.121 39.117l-8.59 8.59l-24.446-24.44v50.048h56.657V0zm93.26 66.09L62.733 35.563L32.206 66.09l-8.59-8.59l39.117-39.12l39.122 39.12z"/><path fill="#262d1e" d="M480.641 95.853V40.86H462.09V29.936H512V40.86h-18.552v54.994zm-49.233.757q-6.871 0-12.523-2.353a26.2 26.2 0 0 1-9.607-7.065q-3.861-4.611-5.367-11.112l11.582-3.39q1.41 6.125 5.745 9.608q4.335 3.39 10.17 3.389q4.52 0 7.724-2.073q3.2-2.07 3.2-6.498q0-2.826-1.979-4.52q-1.88-1.793-4.988-2.916a91 91 0 0 0-6.876-2.167a118 118 0 0 1-7.535-2.356a30.3 30.3 0 0 1-6.872-3.39a17.7 17.7 0 0 1-5.087-5.46q-1.88-3.39-1.88-8.477q0-5.65 3.105-9.792q3.11-4.236 8.287-6.502q5.178-2.352 11.396-2.352q6.12 0 11.207 2.072q5.178 2.07 8.661 5.84a19.3 19.3 0 0 1 4.898 8.756l-11.301 4.425q-1.414-4.989-4.989-7.53q-3.582-2.64-8.57-2.64q-4.52 0-7.251 1.978q-2.636 1.883-2.636 5.182q0 2.54 1.883 4.141q1.974 1.509 5.084 2.542q3.105.945 6.876 1.883a58 58 0 0 1 7.53 2.262a28.4 28.4 0 0 1 6.876 3.484q3.11 2.167 4.99 5.745q1.977 3.578 1.977 8.945q0 6.501-3.2 11.112q-3.108 4.52-8.476 6.876q-5.367 2.353-12.054 2.353m-80.694-.757V29.94h44.639v10.923h-31.737v15.254h25.708V67.04h-25.708v17.894h32.111v10.923zm-60.294 0V29.94h25.05q6.218 0 10.829 2.447a17.34 17.34 0 0 1 7.345 6.778q2.64 4.335 2.64 10.174q0 5.651-3.014 10.356q-2.925 4.619-8.098 7.065l15.817 29.097h-14.5l-13.75-27.028h-9.508v27.032zm12.807-37.947h9.985q4.706 0 7.44-2.356q2.822-2.447 2.822-6.215q0-3.861-2.822-6.123q-2.735-2.353-7.44-2.353h-9.98zM251.161 96.61q-8.57 0-15.065-4.142q-6.407-4.24-10.075-11.774q-3.582-7.625-3.582-17.795t3.582-17.705q3.664-7.625 10.075-11.77q6.498-4.24 15.065-4.24t14.974 4.24q6.502 4.137 10.076 11.77q3.672 7.53 3.673 17.705q0 10.166-3.673 17.795q-3.578 7.535-10.076 11.774q-6.403 4.139-14.974 4.142m0-10.923q4.807 0 8.287-2.826q3.582-2.92 5.556-8.003q1.978-5.18 1.978-11.96q0-6.876-1.978-11.959q-1.974-5.083-5.556-7.912q-3.483-2.916-8.287-2.916q-4.705 0-8.381 2.916q-3.574 2.824-5.557 7.912q-1.974 5.083-1.974 11.96q0 6.777 1.974 11.96q1.979 5.082 5.557 8.002q3.672 2.826 8.381 2.826m-80.154 10.166V29.94h44.729v10.923h-31.922v15.254h25.802V67.04h-25.802v28.817z"/></svg>
reactReact 组件（TSX）
export function ForestIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="1em"
      height="1em"
      viewBox="0 0 512 126"
      fill="currentColor"
      {...props}
      dangerouslySetInnerHTML={{ __html: `<path fill="#3f5b1e" d="M0 0v125.466h56.665V75.418L32.218 99.86l-8.59-8.59l39.117-39.118l39.121 39.117l-8.59 8.59l-24.446-24.44v50.048h56.657V0zm93.26 66.09L62.733 35.563L32.206 66.09l-8.59-8.59l39.117-39.12l39.122 39.12z"/><path fill="#262d1e" d="M480.641 95.853V40.86H462.09V29.936H512V40.86h-18.552v54.994zm-49.233.757q-6.871 0-12.523-2.353a26.2 26.2 0 0 1-9.607-7.065q-3.861-4.611-5.367-11.112l11.582-3.39q1.41 6.125 5.745 9.608q4.335 3.39 10.17 3.389q4.52 0 7.724-2.073q3.2-2.07 3.2-6.498q0-2.826-1.979-4.52q-1.88-1.793-4.988-2.916a91 91 0 0 0-6.876-2.167a118 118 0 0 1-7.535-2.356a30.3 30.3 0 0 1-6.872-3.39a17.7 17.7 0 0 1-5.087-5.46q-1.88-3.39-1.88-8.477q0-5.65 3.105-9.792q3.11-4.236 8.287-6.502q5.178-2.352 11.396-2.352q6.12 0 11.207 2.072q5.178 2.07 8.661 5.84a19.3 19.3 0 0 1 4.898 8.756l-11.301 4.425q-1.414-4.989-4.989-7.53q-3.582-2.64-8.57-2.64q-4.52 0-7.251 1.978q-2.636 1.883-2.636 5.182q0 2.54 1.883 4.141q1.974 1.509 5.084 2.542q3.105.945 6.876 1.883a58 58 0 0 1 7.53 2.262a28.4 28.4 0 0 1 6.876 3.484q3.11 2.167 4.99 5.745q1.977 3.578 1.977 8.945q0 6.501-3.2 11.112q-3.108 4.52-8.476 6.876q-5.367 2.353-12.054 2.353m-80.694-.757V29.94h44.639v10.923h-31.737v15.254h25.708V67.04h-25.708v17.894h32.111v10.923zm-60.294 0V29.94h25.05q6.218 0 10.829 2.447a17.34 17.34 0 0 1 7.345 6.778q2.64 4.335 2.64 10.174q0 5.651-3.014 10.356q-2.925 4.619-8.098 7.065l15.817 29.097h-14.5l-13.75-27.028h-9.508v27.032zm12.807-37.947h9.985q4.706 0 7.44-2.356q2.822-2.447 2.822-6.215q0-3.861-2.822-6.123q-2.735-2.353-7.44-2.353h-9.98zM251.161 96.61q-8.57 0-15.065-4.142q-6.407-4.24-10.075-11.774q-3.582-7.625-3.582-17.795t3.582-17.705q3.664-7.625 10.075-11.77q6.498-4.24 15.065-4.24t14.974 4.24q6.502 4.137 10.076 11.77q3.672 7.53 3.673 17.705q0 10.166-3.673 17.795q-3.578 7.535-10.076 11.774q-6.403 4.139-14.974 4.142m0-10.923q4.807 0 8.287-2.826q3.582-2.92 5.556-8.003q1.978-5.18 1.978-11.96q0-6.876-1.978-11.959q-1.974-5.083-5.556-7.912q-3.483-2.916-8.287-2.916q-4.705 0-8.381 2.916q-3.574 2.824-5.557 7.912q-1.974 5.083-1.974 11.96q0 6.777 1.974 11.96q1.979 5.082 5.557 8.002q3.672 2.826 8.381 2.826m-80.154 10.166V29.94h44.729v10.923h-31.922v15.254h25.802V67.04h-25.802v28.817z"/>` }}
    />
  );
}
vueVue 3 组件
<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 126" fill="currentColor" v-html="body"></svg>
</template>

<script setup>
const body = `<path fill="#3f5b1e" d="M0 0v125.466h56.665V75.418L32.218 99.86l-8.59-8.59l39.117-39.118l39.121 39.117l-8.59 8.59l-24.446-24.44v50.048h56.657V0zm93.26 66.09L62.733 35.563L32.206 66.09l-8.59-8.59l39.117-39.12l39.122 39.12z"/><path fill="#262d1e" d="M480.641 95.853V40.86H462.09V29.936H512V40.86h-18.552v54.994zm-49.233.757q-6.871 0-12.523-2.353a26.2 26.2 0 0 1-9.607-7.065q-3.861-4.611-5.367-11.112l11.582-3.39q1.41 6.125 5.745 9.608q4.335 3.39 10.17 3.389q4.52 0 7.724-2.073q3.2-2.07 3.2-6.498q0-2.826-1.979-4.52q-1.88-1.793-4.988-2.916a91 91 0 0 0-6.876-2.167a118 118 0 0 1-7.535-2.356a30.3 30.3 0 0 1-6.872-3.39a17.7 17.7 0 0 1-5.087-5.46q-1.88-3.39-1.88-8.477q0-5.65 3.105-9.792q3.11-4.236 8.287-6.502q5.178-2.352 11.396-2.352q6.12 0 11.207 2.072q5.178 2.07 8.661 5.84a19.3 19.3 0 0 1 4.898 8.756l-11.301 4.425q-1.414-4.989-4.989-7.53q-3.582-2.64-8.57-2.64q-4.52 0-7.251 1.978q-2.636 1.883-2.636 5.182q0 2.54 1.883 4.141q1.974 1.509 5.084 2.542q3.105.945 6.876 1.883a58 58 0 0 1 7.53 2.262a28.4 28.4 0 0 1 6.876 3.484q3.11 2.167 4.99 5.745q1.977 3.578 1.977 8.945q0 6.501-3.2 11.112q-3.108 4.52-8.476 6.876q-5.367 2.353-12.054 2.353m-80.694-.757V29.94h44.639v10.923h-31.737v15.254h25.708V67.04h-25.708v17.894h32.111v10.923zm-60.294 0V29.94h25.05q6.218 0 10.829 2.447a17.34 17.34 0 0 1 7.345 6.778q2.64 4.335 2.64 10.174q0 5.651-3.014 10.356q-2.925 4.619-8.098 7.065l15.817 29.097h-14.5l-13.75-27.028h-9.508v27.032zm12.807-37.947h9.985q4.706 0 7.44-2.356q2.822-2.447 2.822-6.215q0-3.861-2.822-6.123q-2.735-2.353-7.44-2.353h-9.98zM251.161 96.61q-8.57 0-15.065-4.142q-6.407-4.24-10.075-11.774q-3.582-7.625-3.582-17.795t3.582-17.705q3.664-7.625 10.075-11.77q6.498-4.24 15.065-4.24t14.974 4.24q6.502 4.137 10.076 11.77q3.672 7.53 3.673 17.705q0 10.166-3.673 17.795q-3.578 7.535-10.076 11.774q-6.403 4.139-14.974 4.142m0-10.923q4.807 0 8.287-2.826q3.582-2.92 5.556-8.003q1.978-5.18 1.978-11.96q0-6.876-1.978-11.959q-1.974-5.083-5.556-7.912q-3.483-2.916-8.287-2.916q-4.705 0-8.381 2.916q-3.574 2.824-5.557 7.912q-1.974 5.083-1.974 11.96q0 6.777 1.974 11.96q1.979 5.082 5.557 8.002q3.672 2.826 8.381 2.826m-80.154 10.166V29.94h44.729v10.923h-31.922v15.254h25.802V67.04h-25.802v28.817z"/>`;
</script>
cssCSS mask（随 currentColor 改色）
.forest {
  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%224.07em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20126%22%3E%3Cpath%20fill%3D%22%233f5b1e%22%20d%3D%22M0%200v125.466h56.665V75.418L32.218%2099.86l-8.59-8.59l39.117-39.118l39.121%2039.117l-8.59%208.59l-24.446-24.44v50.048h56.657V0zm93.26%2066.09L62.733%2035.563L32.206%2066.09l-8.59-8.59l39.117-39.12l39.122%2039.12z%22%2F%3E%3Cpath%20fill%3D%22%23262d1e%22%20d%3D%22M480.641%2095.853V40.86H462.09V29.936H512V40.86h-18.552v54.994zm-49.233.757q-6.871%200-12.523-2.353a26.2%2026.2%200%200%201-9.607-7.065q-3.861-4.611-5.367-11.112l11.582-3.39q1.41%206.125%205.745%209.608q4.335%203.39%2010.17%203.389q4.52%200%207.724-2.073q3.2-2.07%203.2-6.498q0-2.826-1.979-4.52q-1.88-1.793-4.988-2.916a91%2091%200%200%200-6.876-2.167a118%20118%200%200%201-7.535-2.356a30.3%2030.3%200%200%201-6.872-3.39a17.7%2017.7%200%200%201-5.087-5.46q-1.88-3.39-1.88-8.477q0-5.65%203.105-9.792q3.11-4.236%208.287-6.502q5.178-2.352%2011.396-2.352q6.12%200%2011.207%202.072q5.178%202.07%208.661%205.84a19.3%2019.3%200%200%201%204.898%208.756l-11.301%204.425q-1.414-4.989-4.989-7.53q-3.582-2.64-8.57-2.64q-4.52%200-7.251%201.978q-2.636%201.883-2.636%205.182q0%202.54%201.883%204.141q1.974%201.509%205.084%202.542q3.105.945%206.876%201.883a58%2058%200%200%201%207.53%202.262a28.4%2028.4%200%200%201%206.876%203.484q3.11%202.167%204.99%205.745q1.977%203.578%201.977%208.945q0%206.501-3.2%2011.112q-3.108%204.52-8.476%206.876q-5.367%202.353-12.054%202.353m-80.694-.757V29.94h44.639v10.923h-31.737v15.254h25.708V67.04h-25.708v17.894h32.111v10.923zm-60.294%200V29.94h25.05q6.218%200%2010.829%202.447a17.34%2017.34%200%200%201%207.345%206.778q2.64%204.335%202.64%2010.174q0%205.651-3.014%2010.356q-2.925%204.619-8.098%207.065l15.817%2029.097h-14.5l-13.75-27.028h-9.508v27.032zm12.807-37.947h9.985q4.706%200%207.44-2.356q2.822-2.447%202.822-6.215q0-3.861-2.822-6.123q-2.735-2.353-7.44-2.353h-9.98zM251.161%2096.61q-8.57%200-15.065-4.142q-6.407-4.24-10.075-11.774q-3.582-7.625-3.582-17.795t3.582-17.705q3.664-7.625%2010.075-11.77q6.498-4.24%2015.065-4.24t14.974%204.24q6.502%204.137%2010.076%2011.77q3.672%207.53%203.673%2017.705q0%2010.166-3.673%2017.795q-3.578%207.535-10.076%2011.774q-6.403%204.139-14.974%204.142m0-10.923q4.807%200%208.287-2.826q3.582-2.92%205.556-8.003q1.978-5.18%201.978-11.96q0-6.876-1.978-11.959q-1.974-5.083-5.556-7.912q-3.483-2.916-8.287-2.916q-4.705%200-8.381%202.916q-3.574%202.824-5.557%207.912q-1.974%205.083-1.974%2011.96q0%206.777%201.974%2011.96q1.979%205.082%205.557%208.002q3.672%202.826%208.381%202.826m-80.154%2010.166V29.94h44.729v10.923h-31.922v15.254h25.802V67.04h-25.802v28.817z%22%2F%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%224.07em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20126%22%3E%3Cpath%20fill%3D%22%233f5b1e%22%20d%3D%22M0%200v125.466h56.665V75.418L32.218%2099.86l-8.59-8.59l39.117-39.118l39.121%2039.117l-8.59%208.59l-24.446-24.44v50.048h56.657V0zm93.26%2066.09L62.733%2035.563L32.206%2066.09l-8.59-8.59l39.117-39.12l39.122%2039.12z%22%2F%3E%3Cpath%20fill%3D%22%23262d1e%22%20d%3D%22M480.641%2095.853V40.86H462.09V29.936H512V40.86h-18.552v54.994zm-49.233.757q-6.871%200-12.523-2.353a26.2%2026.2%200%200%201-9.607-7.065q-3.861-4.611-5.367-11.112l11.582-3.39q1.41%206.125%205.745%209.608q4.335%203.39%2010.17%203.389q4.52%200%207.724-2.073q3.2-2.07%203.2-6.498q0-2.826-1.979-4.52q-1.88-1.793-4.988-2.916a91%2091%200%200%200-6.876-2.167a118%20118%200%200%201-7.535-2.356a30.3%2030.3%200%200%201-6.872-3.39a17.7%2017.7%200%200%201-5.087-5.46q-1.88-3.39-1.88-8.477q0-5.65%203.105-9.792q3.11-4.236%208.287-6.502q5.178-2.352%2011.396-2.352q6.12%200%2011.207%202.072q5.178%202.07%208.661%205.84a19.3%2019.3%200%200%201%204.898%208.756l-11.301%204.425q-1.414-4.989-4.989-7.53q-3.582-2.64-8.57-2.64q-4.52%200-7.251%201.978q-2.636%201.883-2.636%205.182q0%202.54%201.883%204.141q1.974%201.509%205.084%202.542q3.105.945%206.876%201.883a58%2058%200%200%201%207.53%202.262a28.4%2028.4%200%200%201%206.876%203.484q3.11%202.167%204.99%205.745q1.977%203.578%201.977%208.945q0%206.501-3.2%2011.112q-3.108%204.52-8.476%206.876q-5.367%202.353-12.054%202.353m-80.694-.757V29.94h44.639v10.923h-31.737v15.254h25.708V67.04h-25.708v17.894h32.111v10.923zm-60.294%200V29.94h25.05q6.218%200%2010.829%202.447a17.34%2017.34%200%200%201%207.345%206.778q2.64%204.335%202.64%2010.174q0%205.651-3.014%2010.356q-2.925%204.619-8.098%207.065l15.817%2029.097h-14.5l-13.75-27.028h-9.508v27.032zm12.807-37.947h9.985q4.706%200%207.44-2.356q2.822-2.447%202.822-6.215q0-3.861-2.822-6.123q-2.735-2.353-7.44-2.353h-9.98zM251.161%2096.61q-8.57%200-15.065-4.142q-6.407-4.24-10.075-11.774q-3.582-7.625-3.582-17.795t3.582-17.705q3.664-7.625%2010.075-11.77q6.498-4.24%2015.065-4.24t14.974%204.24q6.502%204.137%2010.076%2011.77q3.672%207.53%203.673%2017.705q0%2010.166-3.673%2017.795q-3.578%207.535-10.076%2011.774q-6.403%204.139-14.974%204.142m0-10.923q4.807%200%208.287-2.826q3.582-2.92%205.556-8.003q1.978-5.18%201.978-11.96q0-6.876-1.978-11.959q-1.974-5.083-5.556-7.912q-3.483-2.916-8.287-2.916q-4.705%200-8.381%202.916q-3.574%202.824-5.557%207.912q-1.974%205.083-1.974%2011.96q0%206.777%201.974%2011.96q1.979%205.082%205.557%208.002q3.672%202.826%208.381%202.826m-80.154%2010.166V29.94h44.729v10.923h-31.922v15.254h25.802V67.04h-25.802v28.817z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

给 forest 加一点动效

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

forest 呼吸动效演示

呼吸

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

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

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

旋转

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

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

@keyframes icon-spin {
  to { transform: rotate(360deg); }
}

SVG 健康报告

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

文件体积

2.22 KB

2,278 字节

viewBox

0 0 512 126

矢量坐标系

图元总数

2

<path> ×2

风格

多色填充

填充跟随容器颜色

同时含 width/height 与 viewBox：可以只保留 viewBox，让图标跟随容器自适应缩放。 文件体积 2.22 KB（2,278 字节），图元 2 个，风格为多色填充。

常见问题

关于 forest 图标的下载、商用与改色。

forest 图标是什么？▾

它是 SVG Logos（logos）开源图标集中的 forest 图标，多色填充，viewBox 为 0 0 512 126，文件仅 2.22 KB，矢量格式可无损缩放到任意尺寸。

如何下载 forest 图标？▾

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

forest 图标可以商用吗？▾

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

如何修改 forest 图标的颜色？▾

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

SVG Logos 中的相近图标

forest-icon