simple-iconsreactbootstrap
来自 Simple Icons 开源图标集，矢量 SVG 可无损缩放到任意尺寸，支持在线改色、复制 React/Vue/HTML 代码。
SVG 矢量源文件，或 PNG 按 16~512 预设与 16~1024 自定义尺寸导出，任意尺寸边缘锐利。
PNG 由矢量源实时渲染，任意尺寸边缘锐利无锯齿；下载与预览均免费，无需注册。
切换预览颜色后，下方三底色、真实界面场景与各尺寸渲染会实时跟随。
浅色背景
深色背景灰底融入继续按钮内 · 主操作搜索reactbootstrap…输入框 · 前缀图标reactbootstrap导航菜单 · 选中态暂无内容空状态 · 引导提示reactbootstrap手机桌面 · App 图标reactbootstrapsimple-icons.design/icons/reactbootstrap浏览器 · 标签页与站点图标24px32px48px64px96px128px内联 SVG、React、Vue 与 CSS mask 四种主流引用方式，代码基于当前源文件生成，复制即用。
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.679.626c-.5 0-.948.112-1.33.333c-.367.213-.675.53-.917.942c-.226.386-.393.856-.496 1.396c-.197 1.042-.155 2.346.124 3.77q.053.271.116.542a17 17 0 0 0-.644.209C3.187 8.287 2.062 8.9 1.279 9.59c-.406.358-.72.736-.935 1.124A2.6 2.6 0 0 0 0 11.97c0 .846.469 1.703 1.355 2.48c.835.733 2.015 1.372 3.412 1.85q.195.066.395.128a17 17 0 0 0-.128.61c-.266 1.399-.297 2.68-.09 3.703c.107.53.277.99.506 1.37c.243.404.552.716.917.927c.386.222.839.335 1.348.335c.692 0 1.467-.206 2.302-.61c.818-.398 1.653-.967 2.482-1.691a13 13 0 0 0 .391-.356h6.146q1.302 0 2.246-.38q.943-.38 1.548-1.023t.887-1.534A6.2 6.2 0 0 0 24 15.871c0-1.188-.215-2.172-.642-2.96q-.634-1.167-1.867-1.514a.03.03 0 0 1-.02-.033a.03.03 0 0 1 .016-.03a3.5 3.5 0 0 0 1.411-1.442q.498-.935.498-2.25c0-1.447-.366-2.523-1.095-3.238q-1.093-1.073-2.906-1.072h-6.512a16 16 0 0 0-.308-.282c-.861-.763-1.72-1.363-2.552-1.78C9.169.844 8.38.627 7.679.627m.007 1.7c.434 0 .995.17 1.623.492c.68.35 1.419.87 2.134 1.505l.136.123a26 26 0 0 0-1.846 2.302c-1.016.1-1.992.248-2.907.441a15 15 0 0 1-.092-.434L6.73 6.74c-.218-1.114-.271-2.131-.153-2.942c.101-.696.328-1.194.624-1.365a.96.96 0 0 1 .484-.107m5.16 3.217v12.912l-.765-.946l-.5-.617c-.253-.312-.657-.889-1.14-1.624a29 29 0 0 1-.794-1.282l-.015-.025c-.23-.398-.403-.72-.54-.977a39 39 0 0 1-.507-.981l.03-.058l.002-.004a31 31 0 0 1 .566-1.098l.001-.003l.208-.402l.306-.507l.002-.004q.172-.293.353-.584l.21-.348a17 17 0 0 1 .863-1.294c.191-.264.373-.496.661-.856v-.001l.015-.018l.005-.007q.176-.225.351-.437l.004-.005l.002-.003a83 83 0 0 1 .683-.831zm2.391.252h3.829q.963.001 1.474.536c.51.535.51.974.51 1.852c0 .78-.19 1.375-.567 1.794c-.378.419-.85.624-1.417.624h-3.829c-.014 0-.025-.015-.025-.033v-4.74c0-.018.011-.033.025-.033M8.498 8.616a32 32 0 0 0-.793 1.375a23 23 0 0 1-.417-1.16a23 23 0 0 1 1.21-.215m-2.865.634c.288.892.649 1.816 1.072 2.748a26 26 0 0 0-1.087 2.79a12 12 0 0 1-.3-.098c-1.162-.397-2.13-.91-2.798-1.482c-.512-.438-.817-.9-.817-1.236c0-.345.305-.79.838-1.22c.62-.502 1.503-.96 2.551-1.326a15 15 0 0 1 .541-.176m9.604 3.543h4.149c.718 0 1.27.224 1.67.692s.597 1.125.597 1.988c0 .877-.2 1.56-.597 2.037q-.591.723-1.67.722h-4.149c-.014 0-.025-.015-.025-.033v-5.373c0-.019.01-.033.025-.033M7.707 14a31 31 0 0 0 .818 1.411a22 22 0 0 1-1.252-.209q.195-.591.434-1.202m-.894 2.844c.902.185 1.89.324 2.94.414a26 26 0 0 0 1.862 2.317q-.117.108-.236.212c-.917.803-1.839 1.382-2.664 1.677l-.018.007c-.37.13-.7.196-.98.196q-.313 0-.498-.106c-.3-.173-.532-.66-.639-1.336c-.124-.789-.08-1.782.126-2.872q.049-.255.107-.509"/></svg>export function ReactbootstrapIcon(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: `<path fill="currentColor" d="M7.679.626c-.5 0-.948.112-1.33.333c-.367.213-.675.53-.917.942c-.226.386-.393.856-.496 1.396c-.197 1.042-.155 2.346.124 3.77q.053.271.116.542a17 17 0 0 0-.644.209C3.187 8.287 2.062 8.9 1.279 9.59c-.406.358-.72.736-.935 1.124A2.6 2.6 0 0 0 0 11.97c0 .846.469 1.703 1.355 2.48c.835.733 2.015 1.372 3.412 1.85q.195.066.395.128a17 17 0 0 0-.128.61c-.266 1.399-.297 2.68-.09 3.703c.107.53.277.99.506 1.37c.243.404.552.716.917.927c.386.222.839.335 1.348.335c.692 0 1.467-.206 2.302-.61c.818-.398 1.653-.967 2.482-1.691a13 13 0 0 0 .391-.356h6.146q1.302 0 2.246-.38q.943-.38 1.548-1.023t.887-1.534A6.2 6.2 0 0 0 24 15.871c0-1.188-.215-2.172-.642-2.96q-.634-1.167-1.867-1.514a.03.03 0 0 1-.02-.033a.03.03 0 0 1 .016-.03a3.5 3.5 0 0 0 1.411-1.442q.498-.935.498-2.25c0-1.447-.366-2.523-1.095-3.238q-1.093-1.073-2.906-1.072h-6.512a16 16 0 0 0-.308-.282c-.861-.763-1.72-1.363-2.552-1.78C9.169.844 8.38.627 7.679.627m.007 1.7c.434 0 .995.17 1.623.492c.68.35 1.419.87 2.134 1.505l.136.123a26 26 0 0 0-1.846 2.302c-1.016.1-1.992.248-2.907.441a15 15 0 0 1-.092-.434L6.73 6.74c-.218-1.114-.271-2.131-.153-2.942c.101-.696.328-1.194.624-1.365a.96.96 0 0 1 .484-.107m5.16 3.217v12.912l-.765-.946l-.5-.617c-.253-.312-.657-.889-1.14-1.624a29 29 0 0 1-.794-1.282l-.015-.025c-.23-.398-.403-.72-.54-.977a39 39 0 0 1-.507-.981l.03-.058l.002-.004a31 31 0 0 1 .566-1.098l.001-.003l.208-.402l.306-.507l.002-.004q.172-.293.353-.584l.21-.348a17 17 0 0 1 .863-1.294c.191-.264.373-.496.661-.856v-.001l.015-.018l.005-.007q.176-.225.351-.437l.004-.005l.002-.003a83 83 0 0 1 .683-.831zm2.391.252h3.829q.963.001 1.474.536c.51.535.51.974.51 1.852c0 .78-.19 1.375-.567 1.794c-.378.419-.85.624-1.417.624h-3.829c-.014 0-.025-.015-.025-.033v-4.74c0-.018.011-.033.025-.033M8.498 8.616a32 32 0 0 0-.793 1.375a23 23 0 0 1-.417-1.16a23 23 0 0 1 1.21-.215m-2.865.634c.288.892.649 1.816 1.072 2.748a26 26 0 0 0-1.087 2.79a12 12 0 0 1-.3-.098c-1.162-.397-2.13-.91-2.798-1.482c-.512-.438-.817-.9-.817-1.236c0-.345.305-.79.838-1.22c.62-.502 1.503-.96 2.551-1.326a15 15 0 0 1 .541-.176m9.604 3.543h4.149c.718 0 1.27.224 1.67.692s.597 1.125.597 1.988c0 .877-.2 1.56-.597 2.037q-.591.723-1.67.722h-4.149c-.014 0-.025-.015-.025-.033v-5.373c0-.019.01-.033.025-.033M7.707 14a31 31 0 0 0 .818 1.411a22 22 0 0 1-1.252-.209q.195-.591.434-1.202m-.894 2.844c.902.185 1.89.324 2.94.414a26 26 0 0 0 1.862 2.317q-.117.108-.236.212c-.917.803-1.839 1.382-2.664 1.677l-.018.007c-.37.13-.7.196-.98.196q-.313 0-.498-.106c-.3-.173-.532-.66-.639-1.336c-.124-.789-.08-1.782.126-2.872q.049-.255.107-.509"/>` }}
/>
);
}<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 = `<path fill="currentColor" d="M7.679.626c-.5 0-.948.112-1.33.333c-.367.213-.675.53-.917.942c-.226.386-.393.856-.496 1.396c-.197 1.042-.155 2.346.124 3.77q.053.271.116.542a17 17 0 0 0-.644.209C3.187 8.287 2.062 8.9 1.279 9.59c-.406.358-.72.736-.935 1.124A2.6 2.6 0 0 0 0 11.97c0 .846.469 1.703 1.355 2.48c.835.733 2.015 1.372 3.412 1.85q.195.066.395.128a17 17 0 0 0-.128.61c-.266 1.399-.297 2.68-.09 3.703c.107.53.277.99.506 1.37c.243.404.552.716.917.927c.386.222.839.335 1.348.335c.692 0 1.467-.206 2.302-.61c.818-.398 1.653-.967 2.482-1.691a13 13 0 0 0 .391-.356h6.146q1.302 0 2.246-.38q.943-.38 1.548-1.023t.887-1.534A6.2 6.2 0 0 0 24 15.871c0-1.188-.215-2.172-.642-2.96q-.634-1.167-1.867-1.514a.03.03 0 0 1-.02-.033a.03.03 0 0 1 .016-.03a3.5 3.5 0 0 0 1.411-1.442q.498-.935.498-2.25c0-1.447-.366-2.523-1.095-3.238q-1.093-1.073-2.906-1.072h-6.512a16 16 0 0 0-.308-.282c-.861-.763-1.72-1.363-2.552-1.78C9.169.844 8.38.627 7.679.627m.007 1.7c.434 0 .995.17 1.623.492c.68.35 1.419.87 2.134 1.505l.136.123a26 26 0 0 0-1.846 2.302c-1.016.1-1.992.248-2.907.441a15 15 0 0 1-.092-.434L6.73 6.74c-.218-1.114-.271-2.131-.153-2.942c.101-.696.328-1.194.624-1.365a.96.96 0 0 1 .484-.107m5.16 3.217v12.912l-.765-.946l-.5-.617c-.253-.312-.657-.889-1.14-1.624a29 29 0 0 1-.794-1.282l-.015-.025c-.23-.398-.403-.72-.54-.977a39 39 0 0 1-.507-.981l.03-.058l.002-.004a31 31 0 0 1 .566-1.098l.001-.003l.208-.402l.306-.507l.002-.004q.172-.293.353-.584l.21-.348a17 17 0 0 1 .863-1.294c.191-.264.373-.496.661-.856v-.001l.015-.018l.005-.007q.176-.225.351-.437l.004-.005l.002-.003a83 83 0 0 1 .683-.831zm2.391.252h3.829q.963.001 1.474.536c.51.535.51.974.51 1.852c0 .78-.19 1.375-.567 1.794c-.378.419-.85.624-1.417.624h-3.829c-.014 0-.025-.015-.025-.033v-4.74c0-.018.011-.033.025-.033M8.498 8.616a32 32 0 0 0-.793 1.375a23 23 0 0 1-.417-1.16a23 23 0 0 1 1.21-.215m-2.865.634c.288.892.649 1.816 1.072 2.748a26 26 0 0 0-1.087 2.79a12 12 0 0 1-.3-.098c-1.162-.397-2.13-.91-2.798-1.482c-.512-.438-.817-.9-.817-1.236c0-.345.305-.79.838-1.22c.62-.502 1.503-.96 2.551-1.326a15 15 0 0 1 .541-.176m9.604 3.543h4.149c.718 0 1.27.224 1.67.692s.597 1.125.597 1.988c0 .877-.2 1.56-.597 2.037q-.591.723-1.67.722h-4.149c-.014 0-.025-.015-.025-.033v-5.373c0-.019.01-.033.025-.033M7.707 14a31 31 0 0 0 .818 1.411a22 22 0 0 1-1.252-.209q.195-.591.434-1.202m-.894 2.844c.902.185 1.89.324 2.94.414a26 26 0 0 0 1.862 2.317q-.117.108-.236.212c-.917.803-1.839 1.382-2.664 1.677l-.018.007c-.37.13-.7.196-.98.196q-.313 0-.498-.106c-.3-.173-.532-.66-.639-1.336c-.124-.789-.08-1.782.126-2.872q.049-.255.107-.509"/>`;
</script>.reactbootstrap {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.679.626c-.5%200-.948.112-1.33.333c-.367.213-.675.53-.917.942c-.226.386-.393.856-.496%201.396c-.197%201.042-.155%202.346.124%203.77q.053.271.116.542a17%2017%200%200%200-.644.209C3.187%208.287%202.062%208.9%201.279%209.59c-.406.358-.72.736-.935%201.124A2.6%202.6%200%200%200%200%2011.97c0%20.846.469%201.703%201.355%202.48c.835.733%202.015%201.372%203.412%201.85q.195.066.395.128a17%2017%200%200%200-.128.61c-.266%201.399-.297%202.68-.09%203.703c.107.53.277.99.506%201.37c.243.404.552.716.917.927c.386.222.839.335%201.348.335c.692%200%201.467-.206%202.302-.61c.818-.398%201.653-.967%202.482-1.691a13%2013%200%200%200%20.391-.356h6.146q1.302%200%202.246-.38q.943-.38%201.548-1.023t.887-1.534A6.2%206.2%200%200%200%2024%2015.871c0-1.188-.215-2.172-.642-2.96q-.634-1.167-1.867-1.514a.03.03%200%200%201-.02-.033a.03.03%200%200%201%20.016-.03a3.5%203.5%200%200%200%201.411-1.442q.498-.935.498-2.25c0-1.447-.366-2.523-1.095-3.238q-1.093-1.073-2.906-1.072h-6.512a16%2016%200%200%200-.308-.282c-.861-.763-1.72-1.363-2.552-1.78C9.169.844%208.38.627%207.679.627m.007%201.7c.434%200%20.995.17%201.623.492c.68.35%201.419.87%202.134%201.505l.136.123a26%2026%200%200%200-1.846%202.302c-1.016.1-1.992.248-2.907.441a15%2015%200%200%201-.092-.434L6.73%206.74c-.218-1.114-.271-2.131-.153-2.942c.101-.696.328-1.194.624-1.365a.96.96%200%200%201%20.484-.107m5.16%203.217v12.912l-.765-.946l-.5-.617c-.253-.312-.657-.889-1.14-1.624a29%2029%200%200%201-.794-1.282l-.015-.025c-.23-.398-.403-.72-.54-.977a39%2039%200%200%201-.507-.981l.03-.058l.002-.004a31%2031%200%200%201%20.566-1.098l.001-.003l.208-.402l.306-.507l.002-.004q.172-.293.353-.584l.21-.348a17%2017%200%200%201%20.863-1.294c.191-.264.373-.496.661-.856v-.001l.015-.018l.005-.007q.176-.225.351-.437l.004-.005l.002-.003a83%2083%200%200%201%20.683-.831zm2.391.252h3.829q.963.001%201.474.536c.51.535.51.974.51%201.852c0%20.78-.19%201.375-.567%201.794c-.378.419-.85.624-1.417.624h-3.829c-.014%200-.025-.015-.025-.033v-4.74c0-.018.011-.033.025-.033M8.498%208.616a32%2032%200%200%200-.793%201.375a23%2023%200%200%201-.417-1.16a23%2023%200%200%201%201.21-.215m-2.865.634c.288.892.649%201.816%201.072%202.748a26%2026%200%200%200-1.087%202.79a12%2012%200%200%201-.3-.098c-1.162-.397-2.13-.91-2.798-1.482c-.512-.438-.817-.9-.817-1.236c0-.345.305-.79.838-1.22c.62-.502%201.503-.96%202.551-1.326a15%2015%200%200%201%20.541-.176m9.604%203.543h4.149c.718%200%201.27.224%201.67.692s.597%201.125.597%201.988c0%20.877-.2%201.56-.597%202.037q-.591.723-1.67.722h-4.149c-.014%200-.025-.015-.025-.033v-5.373c0-.019.01-.033.025-.033M7.707%2014a31%2031%200%200%200%20.818%201.411a22%2022%200%200%201-1.252-.209q.195-.591.434-1.202m-.894%202.844c.902.185%201.89.324%202.94.414a26%2026%200%200%200%201.862%202.317q-.117.108-.236.212c-.917.803-1.839%201.382-2.664%201.677l-.018.007c-.37.13-.7.196-.98.196q-.313%200-.498-.106c-.3-.173-.532-.66-.639-1.336c-.124-.789-.08-1.782.126-2.872q.049-.255.107-.509%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%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.679.626c-.5%200-.948.112-1.33.333c-.367.213-.675.53-.917.942c-.226.386-.393.856-.496%201.396c-.197%201.042-.155%202.346.124%203.77q.053.271.116.542a17%2017%200%200%200-.644.209C3.187%208.287%202.062%208.9%201.279%209.59c-.406.358-.72.736-.935%201.124A2.6%202.6%200%200%200%200%2011.97c0%20.846.469%201.703%201.355%202.48c.835.733%202.015%201.372%203.412%201.85q.195.066.395.128a17%2017%200%200%200-.128.61c-.266%201.399-.297%202.68-.09%203.703c.107.53.277.99.506%201.37c.243.404.552.716.917.927c.386.222.839.335%201.348.335c.692%200%201.467-.206%202.302-.61c.818-.398%201.653-.967%202.482-1.691a13%2013%200%200%200%20.391-.356h6.146q1.302%200%202.246-.38q.943-.38%201.548-1.023t.887-1.534A6.2%206.2%200%200%200%2024%2015.871c0-1.188-.215-2.172-.642-2.96q-.634-1.167-1.867-1.514a.03.03%200%200%201-.02-.033a.03.03%200%200%201%20.016-.03a3.5%203.5%200%200%200%201.411-1.442q.498-.935.498-2.25c0-1.447-.366-2.523-1.095-3.238q-1.093-1.073-2.906-1.072h-6.512a16%2016%200%200%200-.308-.282c-.861-.763-1.72-1.363-2.552-1.78C9.169.844%208.38.627%207.679.627m.007%201.7c.434%200%20.995.17%201.623.492c.68.35%201.419.87%202.134%201.505l.136.123a26%2026%200%200%200-1.846%202.302c-1.016.1-1.992.248-2.907.441a15%2015%200%200%201-.092-.434L6.73%206.74c-.218-1.114-.271-2.131-.153-2.942c.101-.696.328-1.194.624-1.365a.96.96%200%200%201%20.484-.107m5.16%203.217v12.912l-.765-.946l-.5-.617c-.253-.312-.657-.889-1.14-1.624a29%2029%200%200%201-.794-1.282l-.015-.025c-.23-.398-.403-.72-.54-.977a39%2039%200%200%201-.507-.981l.03-.058l.002-.004a31%2031%200%200%201%20.566-1.098l.001-.003l.208-.402l.306-.507l.002-.004q.172-.293.353-.584l.21-.348a17%2017%200%200%201%20.863-1.294c.191-.264.373-.496.661-.856v-.001l.015-.018l.005-.007q.176-.225.351-.437l.004-.005l.002-.003a83%2083%200%200%201%20.683-.831zm2.391.252h3.829q.963.001%201.474.536c.51.535.51.974.51%201.852c0%20.78-.19%201.375-.567%201.794c-.378.419-.85.624-1.417.624h-3.829c-.014%200-.025-.015-.025-.033v-4.74c0-.018.011-.033.025-.033M8.498%208.616a32%2032%200%200%200-.793%201.375a23%2023%200%200%201-.417-1.16a23%2023%200%200%201%201.21-.215m-2.865.634c.288.892.649%201.816%201.072%202.748a26%2026%200%200%200-1.087%202.79a12%2012%200%200%201-.3-.098c-1.162-.397-2.13-.91-2.798-1.482c-.512-.438-.817-.9-.817-1.236c0-.345.305-.79.838-1.22c.62-.502%201.503-.96%202.551-1.326a15%2015%200%200%201%20.541-.176m9.604%203.543h4.149c.718%200%201.27.224%201.67.692s.597%201.125.597%201.988c0%20.877-.2%201.56-.597%202.037q-.591.723-1.67.722h-4.149c-.014%200-.025-.015-.025-.033v-5.373c0-.019.01-.033.025-.033M7.707%2014a31%2031%200%200%200%20.818%201.411a22%2022%200%200%201-1.252-.209q.195-.591.434-1.202m-.894%202.844c.902.185%201.89.324%202.94.414a26%2026%200%200%200%201.862%202.317q-.117.108-.236.212c-.917.803-1.839%201.382-2.664%201.677l-.018.007c-.37.13-.7.196-.98.196q-.313%200-.498-.106c-.3-.173-.532-.66-.639-1.336c-.124-.789-.08-1.782.126-2.872q.049-.255.107-.509%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}单文件 CSS 即可播放，无需任何依赖；描画动效仅对描边类图标生效。
透明度往复渐变，适合状态提示与在线指示。
.icon-reactbootstrap {
animation: icon-breathe 1.8s ease-in-out infinite;
}
@keyframes icon-breathe {
0%, 100% { opacity: 1; }
50% { opacity: 0.35; }
}匀速循环旋转，适合加载中场景。
.icon-reactbootstrap {
animation: icon-spin 1.6s linear infinite;
}
@keyframes icon-spin {
to { transform: rotate(360deg); }
}对源文件的客观技术指标，供工程侧评估引用方式。
文件体积
2.59 KB
2,651 字节
viewBox
0 0 24 24
矢量坐标系
图元总数
1
<path> ×1
风格
单色（跟随 currentColor）
填充跟随容器颜色
同时含 width/height 与 viewBox：可以只保留 viewBox，让图标跟随容器自适应缩放。 文件体积 2.59 KB（2,651 字节），图元 1 个，风格为单色（跟随 currentColor）。
关于 reactbootstrap 图标的下载、商用与改色。
它是 Simple Icons（simple-icons）开源图标集中的 reactbootstrap 图标，单色（跟随 currentColor），viewBox 为 0 0 24 24，文件仅 2.59 KB，矢量格式可无损缩放到任意尺寸。
点击「下载与导出」中的 SVG 源文件按钮保存矢量文件；也可以按 512 / 256 / 128 / 64 / 32 / 16px 预设导出 PNG，或在输入框填 16~1024 之间的任意尺寸。需要 iOS、Android 全套尺寸时，用素材包生成器一键打包。
该图标采用 CC0 1.0（CC0-1.0） 开源协议，通常允许在遵守协议的前提下免费使用，常见要求是保留作者版权声明。商用前建议阅读协议原文确认。
在「预览与场景」的色板中切换颜色，三底色与全部场景会实时跟随；点击任一相近图标可打开预览弹层，复制对应颜色的 SVG 源码或 PNG。也可以复制 SVG 源码后自行修改 fill 值。