找找图标

webmin SVG 图标

simple-iconswebmin

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

图标 ID
simple-icons:webmin
中文名
—
所属集合
Simple Icons
集合规模
3,467 枚
基础网格
24px
色彩
单色(可改色)
开源协议
CC0-1.0
作者
Simple Icons Collaborators

下载 webmin 图标

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

px

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

webmin 的预览与使用场景

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

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

在真实界面里长这样

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

各尺寸下的可读性

webmin 图标 24px 渲染24pxwebmin 图标 32px 渲染32pxwebmin 图标 48px 渲染48pxwebmin 图标 64px 渲染64pxwebmin 图标 96px 渲染96pxwebmin 图标 128px 渲染128px

复制 webmin 图标代码

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

svgSVG 源码(内联 HTML)
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.3 0C7.75.006 6.64 1.158 6.799 3.006c.101 1.228.208 2.474.312 3.73c-1.08.454-2.218.933-3.428 1.445c-1.255.536-2.123 1.61-2.457 2.885c-.34 1.301-.135 2.808.723 4.143c.764 1.196 1.856 2.006 3.255 2.446c-.08 1.09.03 2.079.34 2.954a5.5 5.5 0 0 0 .533 1.098c.798 1.268 1.978 2.029 3.183 2.235a3.78 3.78 0 0 0 3.294-.999c.98-.945 1.907-1.837 2.79-2.683c1.047.63 2.056 1.235 3.037 1.827c1.605.957 3.244-.084 3.631-2.115c.162-.847.09-1.793-.211-2.863c.57-.35.926-.9 1.066-1.67c.306-1.634-.502-3.782-1.826-4.88a945 945 0 0 0-2.166-1.785c-.003-.019-.37-2.106-.551-3.11c-.306-1.724-1.799-3.54-3.374-4.04c-.722-.23-1.394-.159-2.036.224c-.778-.824-1.592-1.38-2.479-1.663A3.7 3.7 0 0 0 9.301 0m1.019 2.48a1.3 1.3 0 0 1 .381.047c.466.125.912.49 1.155.932c.198.368.29.67.37 1.298l.403 3.143q.021.147.039.293c.115.889.644 1.528 1.33 1.62c.659.087 1.01-.43.89-1.262l-.039-.276l-.44-3.006c-.064-.425-.085-.75-.05-.96c.05-.465.421-.707.895-.58c.478.132.926.573 1.133 1.1c.107.265.155.471.237.963c.157.94.312 1.89.472 2.867c.118.638.177 1.202 1.044 1.805c.73.574 1.442 1.14 2.142 1.686c.42.331.573.485.74.718c.269.38.381.933.287 1.358c-.087.392-.341.628-.659.59c-.26-.03-.479-.137-.924-.465c-.733-.55-1.483-1.113-2.259-1.684c-.068-.048-.144-.1-.213-.152c-.646-.476-1.21-.384-1.424.266c-.223.666.09 1.448.754 1.913c.072.05.153.107.222.158c.81.567 1.606 1.12 2.38 1.66q.494.345.735.637c.358.41.528 1.082.405 1.643c-.133.593-.514.902-.979.796c-.234-.05-.41-.145-.831-.418q-1.225-.797-2.523-1.637a5 5 0 0 1-.237-.158c-.273-.168-.537-.243-.768-.234h-.002c-.26-.017-.531.077-.792.286c-.073.06-.146.117-.214.181c-.808.665-1.646 1.374-2.534 2.121c-.48.4-.696.558-1.017.67c-.646.247-1.359-.03-1.805-.74c-.421-.691-.403-1.588.033-2.153c.185-.252.498-.54.93-.845c.94-.672 1.83-1.306 2.676-1.913l.228-.158c.641-.455.764-1.26.312-2.012c-.441-.749-1.17-.976-1.861-.558a5 5 0 0 0-.234.145q-1.34.824-2.824 1.74c-.638.384-.976.508-1.452.53c-.59.03-1.205-.332-1.564-.903c-.407-.637-.421-1.428-.03-1.918c.22-.288.455-.463 1.13-.81A275 275 0 0 1 8.961 9.28c.081-.05.163-.083.246-.125a1 1 0 0 0 .16-.097c.425-.188.632-.657.566-1.293c-.012-.107-.02-.21-.037-.311a376 376 0 0 0-.351-3.317c-.07-.66-.063-.892.021-1.154c.1-.312.39-.492.752-.502M7.11 6.736l.002.025l-.003-.004v-.019zm.003.041l.008.09l-.01-.082zm.012.136l.002.026h-.002v-.016q.002-.004 0-.008zm.004.042v.015v-.003l-.003-.008z"/></svg>
reactReact 组件(TSX)
export function WebminIcon(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="M9.3 0C7.75.006 6.64 1.158 6.799 3.006c.101 1.228.208 2.474.312 3.73c-1.08.454-2.218.933-3.428 1.445c-1.255.536-2.123 1.61-2.457 2.885c-.34 1.301-.135 2.808.723 4.143c.764 1.196 1.856 2.006 3.255 2.446c-.08 1.09.03 2.079.34 2.954a5.5 5.5 0 0 0 .533 1.098c.798 1.268 1.978 2.029 3.183 2.235a3.78 3.78 0 0 0 3.294-.999c.98-.945 1.907-1.837 2.79-2.683c1.047.63 2.056 1.235 3.037 1.827c1.605.957 3.244-.084 3.631-2.115c.162-.847.09-1.793-.211-2.863c.57-.35.926-.9 1.066-1.67c.306-1.634-.502-3.782-1.826-4.88a945 945 0 0 0-2.166-1.785c-.003-.019-.37-2.106-.551-3.11c-.306-1.724-1.799-3.54-3.374-4.04c-.722-.23-1.394-.159-2.036.224c-.778-.824-1.592-1.38-2.479-1.663A3.7 3.7 0 0 0 9.301 0m1.019 2.48a1.3 1.3 0 0 1 .381.047c.466.125.912.49 1.155.932c.198.368.29.67.37 1.298l.403 3.143q.021.147.039.293c.115.889.644 1.528 1.33 1.62c.659.087 1.01-.43.89-1.262l-.039-.276l-.44-3.006c-.064-.425-.085-.75-.05-.96c.05-.465.421-.707.895-.58c.478.132.926.573 1.133 1.1c.107.265.155.471.237.963c.157.94.312 1.89.472 2.867c.118.638.177 1.202 1.044 1.805c.73.574 1.442 1.14 2.142 1.686c.42.331.573.485.74.718c.269.38.381.933.287 1.358c-.087.392-.341.628-.659.59c-.26-.03-.479-.137-.924-.465c-.733-.55-1.483-1.113-2.259-1.684c-.068-.048-.144-.1-.213-.152c-.646-.476-1.21-.384-1.424.266c-.223.666.09 1.448.754 1.913c.072.05.153.107.222.158c.81.567 1.606 1.12 2.38 1.66q.494.345.735.637c.358.41.528 1.082.405 1.643c-.133.593-.514.902-.979.796c-.234-.05-.41-.145-.831-.418q-1.225-.797-2.523-1.637a5 5 0 0 1-.237-.158c-.273-.168-.537-.243-.768-.234h-.002c-.26-.017-.531.077-.792.286c-.073.06-.146.117-.214.181c-.808.665-1.646 1.374-2.534 2.121c-.48.4-.696.558-1.017.67c-.646.247-1.359-.03-1.805-.74c-.421-.691-.403-1.588.033-2.153c.185-.252.498-.54.93-.845c.94-.672 1.83-1.306 2.676-1.913l.228-.158c.641-.455.764-1.26.312-2.012c-.441-.749-1.17-.976-1.861-.558a5 5 0 0 0-.234.145q-1.34.824-2.824 1.74c-.638.384-.976.508-1.452.53c-.59.03-1.205-.332-1.564-.903c-.407-.637-.421-1.428-.03-1.918c.22-.288.455-.463 1.13-.81A275 275 0 0 1 8.961 9.28c.081-.05.163-.083.246-.125a1 1 0 0 0 .16-.097c.425-.188.632-.657.566-1.293c-.012-.107-.02-.21-.037-.311a376 376 0 0 0-.351-3.317c-.07-.66-.063-.892.021-1.154c.1-.312.39-.492.752-.502M7.11 6.736l.002.025l-.003-.004v-.019zm.003.041l.008.09l-.01-.082zm.012.136l.002.026h-.002v-.016q.002-.004 0-.008zm.004.042v.015v-.003l-.003-.008z"/>` }}
    />
  );
}
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 = `<path fill="currentColor" d="M9.3 0C7.75.006 6.64 1.158 6.799 3.006c.101 1.228.208 2.474.312 3.73c-1.08.454-2.218.933-3.428 1.445c-1.255.536-2.123 1.61-2.457 2.885c-.34 1.301-.135 2.808.723 4.143c.764 1.196 1.856 2.006 3.255 2.446c-.08 1.09.03 2.079.34 2.954a5.5 5.5 0 0 0 .533 1.098c.798 1.268 1.978 2.029 3.183 2.235a3.78 3.78 0 0 0 3.294-.999c.98-.945 1.907-1.837 2.79-2.683c1.047.63 2.056 1.235 3.037 1.827c1.605.957 3.244-.084 3.631-2.115c.162-.847.09-1.793-.211-2.863c.57-.35.926-.9 1.066-1.67c.306-1.634-.502-3.782-1.826-4.88a945 945 0 0 0-2.166-1.785c-.003-.019-.37-2.106-.551-3.11c-.306-1.724-1.799-3.54-3.374-4.04c-.722-.23-1.394-.159-2.036.224c-.778-.824-1.592-1.38-2.479-1.663A3.7 3.7 0 0 0 9.301 0m1.019 2.48a1.3 1.3 0 0 1 .381.047c.466.125.912.49 1.155.932c.198.368.29.67.37 1.298l.403 3.143q.021.147.039.293c.115.889.644 1.528 1.33 1.62c.659.087 1.01-.43.89-1.262l-.039-.276l-.44-3.006c-.064-.425-.085-.75-.05-.96c.05-.465.421-.707.895-.58c.478.132.926.573 1.133 1.1c.107.265.155.471.237.963c.157.94.312 1.89.472 2.867c.118.638.177 1.202 1.044 1.805c.73.574 1.442 1.14 2.142 1.686c.42.331.573.485.74.718c.269.38.381.933.287 1.358c-.087.392-.341.628-.659.59c-.26-.03-.479-.137-.924-.465c-.733-.55-1.483-1.113-2.259-1.684c-.068-.048-.144-.1-.213-.152c-.646-.476-1.21-.384-1.424.266c-.223.666.09 1.448.754 1.913c.072.05.153.107.222.158c.81.567 1.606 1.12 2.38 1.66q.494.345.735.637c.358.41.528 1.082.405 1.643c-.133.593-.514.902-.979.796c-.234-.05-.41-.145-.831-.418q-1.225-.797-2.523-1.637a5 5 0 0 1-.237-.158c-.273-.168-.537-.243-.768-.234h-.002c-.26-.017-.531.077-.792.286c-.073.06-.146.117-.214.181c-.808.665-1.646 1.374-2.534 2.121c-.48.4-.696.558-1.017.67c-.646.247-1.359-.03-1.805-.74c-.421-.691-.403-1.588.033-2.153c.185-.252.498-.54.93-.845c.94-.672 1.83-1.306 2.676-1.913l.228-.158c.641-.455.764-1.26.312-2.012c-.441-.749-1.17-.976-1.861-.558a5 5 0 0 0-.234.145q-1.34.824-2.824 1.74c-.638.384-.976.508-1.452.53c-.59.03-1.205-.332-1.564-.903c-.407-.637-.421-1.428-.03-1.918c.22-.288.455-.463 1.13-.81A275 275 0 0 1 8.961 9.28c.081-.05.163-.083.246-.125a1 1 0 0 0 .16-.097c.425-.188.632-.657.566-1.293c-.012-.107-.02-.21-.037-.311a376 376 0 0 0-.351-3.317c-.07-.66-.063-.892.021-1.154c.1-.312.39-.492.752-.502M7.11 6.736l.002.025l-.003-.004v-.019zm.003.041l.008.09l-.01-.082zm.012.136l.002.026h-.002v-.016q.002-.004 0-.008zm.004.042v.015v-.003l-.003-.008z"/>`;
</script>
cssCSS mask(随 currentColor 改色)
.webmin {
  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%22M9.3%200C7.75.006%206.64%201.158%206.799%203.006c.101%201.228.208%202.474.312%203.73c-1.08.454-2.218.933-3.428%201.445c-1.255.536-2.123%201.61-2.457%202.885c-.34%201.301-.135%202.808.723%204.143c.764%201.196%201.856%202.006%203.255%202.446c-.08%201.09.03%202.079.34%202.954a5.5%205.5%200%200%200%20.533%201.098c.798%201.268%201.978%202.029%203.183%202.235a3.78%203.78%200%200%200%203.294-.999c.98-.945%201.907-1.837%202.79-2.683c1.047.63%202.056%201.235%203.037%201.827c1.605.957%203.244-.084%203.631-2.115c.162-.847.09-1.793-.211-2.863c.57-.35.926-.9%201.066-1.67c.306-1.634-.502-3.782-1.826-4.88a945%20945%200%200%200-2.166-1.785c-.003-.019-.37-2.106-.551-3.11c-.306-1.724-1.799-3.54-3.374-4.04c-.722-.23-1.394-.159-2.036.224c-.778-.824-1.592-1.38-2.479-1.663A3.7%203.7%200%200%200%209.301%200m1.019%202.48a1.3%201.3%200%200%201%20.381.047c.466.125.912.49%201.155.932c.198.368.29.67.37%201.298l.403%203.143q.021.147.039.293c.115.889.644%201.528%201.33%201.62c.659.087%201.01-.43.89-1.262l-.039-.276l-.44-3.006c-.064-.425-.085-.75-.05-.96c.05-.465.421-.707.895-.58c.478.132.926.573%201.133%201.1c.107.265.155.471.237.963c.157.94.312%201.89.472%202.867c.118.638.177%201.202%201.044%201.805c.73.574%201.442%201.14%202.142%201.686c.42.331.573.485.74.718c.269.38.381.933.287%201.358c-.087.392-.341.628-.659.59c-.26-.03-.479-.137-.924-.465c-.733-.55-1.483-1.113-2.259-1.684c-.068-.048-.144-.1-.213-.152c-.646-.476-1.21-.384-1.424.266c-.223.666.09%201.448.754%201.913c.072.05.153.107.222.158c.81.567%201.606%201.12%202.38%201.66q.494.345.735.637c.358.41.528%201.082.405%201.643c-.133.593-.514.902-.979.796c-.234-.05-.41-.145-.831-.418q-1.225-.797-2.523-1.637a5%205%200%200%201-.237-.158c-.273-.168-.537-.243-.768-.234h-.002c-.26-.017-.531.077-.792.286c-.073.06-.146.117-.214.181c-.808.665-1.646%201.374-2.534%202.121c-.48.4-.696.558-1.017.67c-.646.247-1.359-.03-1.805-.74c-.421-.691-.403-1.588.033-2.153c.185-.252.498-.54.93-.845c.94-.672%201.83-1.306%202.676-1.913l.228-.158c.641-.455.764-1.26.312-2.012c-.441-.749-1.17-.976-1.861-.558a5%205%200%200%200-.234.145q-1.34.824-2.824%201.74c-.638.384-.976.508-1.452.53c-.59.03-1.205-.332-1.564-.903c-.407-.637-.421-1.428-.03-1.918c.22-.288.455-.463%201.13-.81A275%20275%200%200%201%208.961%209.28c.081-.05.163-.083.246-.125a1%201%200%200%200%20.16-.097c.425-.188.632-.657.566-1.293c-.012-.107-.02-.21-.037-.311a376%20376%200%200%200-.351-3.317c-.07-.66-.063-.892.021-1.154c.1-.312.39-.492.752-.502M7.11%206.736l.002.025l-.003-.004v-.019zm.003.041l.008.09l-.01-.082zm.012.136l.002.026h-.002v-.016q.002-.004%200-.008zm.004.042v.015v-.003l-.003-.008z%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%22M9.3%200C7.75.006%206.64%201.158%206.799%203.006c.101%201.228.208%202.474.312%203.73c-1.08.454-2.218.933-3.428%201.445c-1.255.536-2.123%201.61-2.457%202.885c-.34%201.301-.135%202.808.723%204.143c.764%201.196%201.856%202.006%203.255%202.446c-.08%201.09.03%202.079.34%202.954a5.5%205.5%200%200%200%20.533%201.098c.798%201.268%201.978%202.029%203.183%202.235a3.78%203.78%200%200%200%203.294-.999c.98-.945%201.907-1.837%202.79-2.683c1.047.63%202.056%201.235%203.037%201.827c1.605.957%203.244-.084%203.631-2.115c.162-.847.09-1.793-.211-2.863c.57-.35.926-.9%201.066-1.67c.306-1.634-.502-3.782-1.826-4.88a945%20945%200%200%200-2.166-1.785c-.003-.019-.37-2.106-.551-3.11c-.306-1.724-1.799-3.54-3.374-4.04c-.722-.23-1.394-.159-2.036.224c-.778-.824-1.592-1.38-2.479-1.663A3.7%203.7%200%200%200%209.301%200m1.019%202.48a1.3%201.3%200%200%201%20.381.047c.466.125.912.49%201.155.932c.198.368.29.67.37%201.298l.403%203.143q.021.147.039.293c.115.889.644%201.528%201.33%201.62c.659.087%201.01-.43.89-1.262l-.039-.276l-.44-3.006c-.064-.425-.085-.75-.05-.96c.05-.465.421-.707.895-.58c.478.132.926.573%201.133%201.1c.107.265.155.471.237.963c.157.94.312%201.89.472%202.867c.118.638.177%201.202%201.044%201.805c.73.574%201.442%201.14%202.142%201.686c.42.331.573.485.74.718c.269.38.381.933.287%201.358c-.087.392-.341.628-.659.59c-.26-.03-.479-.137-.924-.465c-.733-.55-1.483-1.113-2.259-1.684c-.068-.048-.144-.1-.213-.152c-.646-.476-1.21-.384-1.424.266c-.223.666.09%201.448.754%201.913c.072.05.153.107.222.158c.81.567%201.606%201.12%202.38%201.66q.494.345.735.637c.358.41.528%201.082.405%201.643c-.133.593-.514.902-.979.796c-.234-.05-.41-.145-.831-.418q-1.225-.797-2.523-1.637a5%205%200%200%201-.237-.158c-.273-.168-.537-.243-.768-.234h-.002c-.26-.017-.531.077-.792.286c-.073.06-.146.117-.214.181c-.808.665-1.646%201.374-2.534%202.121c-.48.4-.696.558-1.017.67c-.646.247-1.359-.03-1.805-.74c-.421-.691-.403-1.588.033-2.153c.185-.252.498-.54.93-.845c.94-.672%201.83-1.306%202.676-1.913l.228-.158c.641-.455.764-1.26.312-2.012c-.441-.749-1.17-.976-1.861-.558a5%205%200%200%200-.234.145q-1.34.824-2.824%201.74c-.638.384-.976.508-1.452.53c-.59.03-1.205-.332-1.564-.903c-.407-.637-.421-1.428-.03-1.918c.22-.288.455-.463%201.13-.81A275%20275%200%200%201%208.961%209.28c.081-.05.163-.083.246-.125a1%201%200%200%200%20.16-.097c.425-.188.632-.657.566-1.293c-.012-.107-.02-.21-.037-.311a376%20376%200%200%200-.351-3.317c-.07-.66-.063-.892.021-1.154c.1-.312.39-.492.752-.502M7.11%206.736l.002.025l-.003-.004v-.019zm.003.041l.008.09l-.01-.082zm.012.136l.002.026h-.002v-.016q.002-.004%200-.008zm.004.042v.015v-.003l-.003-.008z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

给 webmin 加一点动效

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

webmin 呼吸动效演示

呼吸

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

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

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

旋转

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

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

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

SVG 健康报告

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

文件体积

2.41 KB

2,469 字节

viewBox

0 0 24 24

矢量坐标系

图元总数

1

<path> ×1

风格

单色(跟随 currentColor)

填充跟随容器颜色

同时含 width/height 与 viewBox:可以只保留 viewBox,让图标跟随容器自适应缩放。 文件体积 2.41 KB(2,469 字节),图元 1 个,风格为单色(跟随 currentColor)。

常见问题

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

webmin 图标是什么?▾

它是 Simple Icons(simple-icons)开源图标集中的 webmin 图标,单色(跟随 currentColor),viewBox 为 0 0 24 24,文件仅 2.41 KB,矢量格式可无损缩放到任意尺寸。

如何下载 webmin 图标?▾

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

webmin 图标可以商用吗?▾

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

如何修改 webmin 图标的颜色?▾

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