找找图标

anaconda SVG 图标

simple-iconsanaconda

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

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

下载 anaconda 图标

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

px

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

anaconda 的预览与使用场景

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

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

在真实界面里长这样

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

各尺寸下的可读性

anaconda 图标 24px 渲染24pxanaconda 图标 32px 渲染32pxanaconda 图标 48px 渲染48pxanaconda 图标 64px 渲染64pxanaconda 图标 96px 渲染96pxanaconda 图标 128px 渲染128px

复制 anaconda 图标代码

内联 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="M12.045.033a12.181 12.182 0 0 0-1.361.078a17.512 17.513 0 0 1 1.813 1.433l.48.438l-.465.45a15 15 0 0 0-1.126 1.205l-.178.215a9 9 0 0 1 .86-.05a8.154 8.155 0 1 1-4.286 15.149a15.764 15.765 0 0 1-1.841.106h-.86a22 22 0 0 0 .264 2.866a11.966 11.967 0 1 0 6.7-21.89M8.17.678a12.181 12.182 0 0 0-2.624 1.275a16 16 0 0 1 1.813.43A18.551 18.552 0 0 1 8.17.678M9.423.75a16.237 16.238 0 0 0-.995 1.998a16.15 16.152 0 0 1 1.605.66a7 7 0 0 1 .43-.509q.35-.43.716-.817A15 15 0 0 0 9.423.75M4.68 2.949a14.969 14.97 0 0 0 0 2.336c.587-.065 1.196-.1 1.812-.107a17 17 0 0 1 .48-1.748a16.48 16.481 0 0 0-2.292-.481M3.62 3.5a12 12 0 0 0-1.858 2.38a17 17 0 0 1 1.877-.444A17 17 0 0 1 3.62 3.5m4.406.287c-.143.437-.265.888-.38 1.347a8.3 8.3 0 0 1 1.67-.803c-.423-.2-.845-.38-1.29-.544M6.3 6.216a14 14 0 0 0-1.555.108c.064.523.157 1.038.272 1.554A8.4 8.4 0 0 1 6.3 6.216m-2.55.137a15.3 15.3 0 0 0-2.602.716H1.07v.079a17.104 17.105 0 0 0 1.267 2.544l.043.071l.072-.049a16 16 0 0 1 1.734-1.083l.057-.035V8.54a17 17 0 0 1-.408-2.094v-.092zM.644 8.095l-.063.2A11.844 11.845 0 0 0 0 11.655v.209l.143-.152a17.706 17.707 0 0 1 1.584-1.447l.057-.043l-.043-.064a16 16 0 0 1-1.025-1.87zm3.77 1.253l-.18.1c-.465.273-.93.573-1.375.889l-.065.05l.05.064c.309.437.645.867.996 1.276l.137.165v-.208a8.2 8.2 0 0 1 .364-2.15zM2.2 10.853l-.072.05a16.6 16.6 0 0 0-1.813 1.734l-.058.058l.066.057a15.5 15.5 0 0 0 1.991 1.483l.072.05l.043-.08a16.738 16.74 0 0 1 1.053-1.64v-.05l-.043-.05a17 17 0 0 1-1.19-1.54zm1.855 2.071l-.121.172a15 15 0 0 0-.917 1.433l-.043.072l.071.043a17 17 0 0 0 1.562.766l.193.086l-.086-.193a8 8 0 0 1-.66-2.172zm-3.976.48v.2a11.758 11.759 0 0 0 .946 3.326l.078.186l.072-.194a16.215 16.216 0 0 1 .845-2l.057-.063l-.064-.043a17.197 17.198 0 0 1-1.776-1.284zm2.543 1.805l-.035.08a15.764 15.765 0 0 0-.983 2.479v.08h.086a16.15 16.152 0 0 0 2.688.5l.072.007v-.086a18 18 0 0 1 .164-2.056v-.065H4.55a16 16 0 0 1-1.849-.896zm2.544 1.169v.114a17 17 0 0 0-.151 1.828v.078h.931c.287 0 .624.014.946 0h.209l-.166-.129a8 8 0 0 1-1.64-1.834zm-3.29 2.1l.115.172a12 12 0 0 0 2.502 2.737l.157.129v-.201a22.578 22.58 0 0 1-.2-2.336v-.071h-.072a16 16 0 0 1-2.3-.387z"/></svg>
reactReact 组件(TSX)
export function AnacondaIcon(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="M12.045.033a12.181 12.182 0 0 0-1.361.078a17.512 17.513 0 0 1 1.813 1.433l.48.438l-.465.45a15 15 0 0 0-1.126 1.205l-.178.215a9 9 0 0 1 .86-.05a8.154 8.155 0 1 1-4.286 15.149a15.764 15.765 0 0 1-1.841.106h-.86a22 22 0 0 0 .264 2.866a11.966 11.967 0 1 0 6.7-21.89M8.17.678a12.181 12.182 0 0 0-2.624 1.275a16 16 0 0 1 1.813.43A18.551 18.552 0 0 1 8.17.678M9.423.75a16.237 16.238 0 0 0-.995 1.998a16.15 16.152 0 0 1 1.605.66a7 7 0 0 1 .43-.509q.35-.43.716-.817A15 15 0 0 0 9.423.75M4.68 2.949a14.969 14.97 0 0 0 0 2.336c.587-.065 1.196-.1 1.812-.107a17 17 0 0 1 .48-1.748a16.48 16.481 0 0 0-2.292-.481M3.62 3.5a12 12 0 0 0-1.858 2.38a17 17 0 0 1 1.877-.444A17 17 0 0 1 3.62 3.5m4.406.287c-.143.437-.265.888-.38 1.347a8.3 8.3 0 0 1 1.67-.803c-.423-.2-.845-.38-1.29-.544M6.3 6.216a14 14 0 0 0-1.555.108c.064.523.157 1.038.272 1.554A8.4 8.4 0 0 1 6.3 6.216m-2.55.137a15.3 15.3 0 0 0-2.602.716H1.07v.079a17.104 17.105 0 0 0 1.267 2.544l.043.071l.072-.049a16 16 0 0 1 1.734-1.083l.057-.035V8.54a17 17 0 0 1-.408-2.094v-.092zM.644 8.095l-.063.2A11.844 11.845 0 0 0 0 11.655v.209l.143-.152a17.706 17.707 0 0 1 1.584-1.447l.057-.043l-.043-.064a16 16 0 0 1-1.025-1.87zm3.77 1.253l-.18.1c-.465.273-.93.573-1.375.889l-.065.05l.05.064c.309.437.645.867.996 1.276l.137.165v-.208a8.2 8.2 0 0 1 .364-2.15zM2.2 10.853l-.072.05a16.6 16.6 0 0 0-1.813 1.734l-.058.058l.066.057a15.5 15.5 0 0 0 1.991 1.483l.072.05l.043-.08a16.738 16.74 0 0 1 1.053-1.64v-.05l-.043-.05a17 17 0 0 1-1.19-1.54zm1.855 2.071l-.121.172a15 15 0 0 0-.917 1.433l-.043.072l.071.043a17 17 0 0 0 1.562.766l.193.086l-.086-.193a8 8 0 0 1-.66-2.172zm-3.976.48v.2a11.758 11.759 0 0 0 .946 3.326l.078.186l.072-.194a16.215 16.216 0 0 1 .845-2l.057-.063l-.064-.043a17.197 17.198 0 0 1-1.776-1.284zm2.543 1.805l-.035.08a15.764 15.765 0 0 0-.983 2.479v.08h.086a16.15 16.152 0 0 0 2.688.5l.072.007v-.086a18 18 0 0 1 .164-2.056v-.065H4.55a16 16 0 0 1-1.849-.896zm2.544 1.169v.114a17 17 0 0 0-.151 1.828v.078h.931c.287 0 .624.014.946 0h.209l-.166-.129a8 8 0 0 1-1.64-1.834zm-3.29 2.1l.115.172a12 12 0 0 0 2.502 2.737l.157.129v-.201a22.578 22.58 0 0 1-.2-2.336v-.071h-.072a16 16 0 0 1-2.3-.387z"/>` }}
    />
  );
}
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="M12.045.033a12.181 12.182 0 0 0-1.361.078a17.512 17.513 0 0 1 1.813 1.433l.48.438l-.465.45a15 15 0 0 0-1.126 1.205l-.178.215a9 9 0 0 1 .86-.05a8.154 8.155 0 1 1-4.286 15.149a15.764 15.765 0 0 1-1.841.106h-.86a22 22 0 0 0 .264 2.866a11.966 11.967 0 1 0 6.7-21.89M8.17.678a12.181 12.182 0 0 0-2.624 1.275a16 16 0 0 1 1.813.43A18.551 18.552 0 0 1 8.17.678M9.423.75a16.237 16.238 0 0 0-.995 1.998a16.15 16.152 0 0 1 1.605.66a7 7 0 0 1 .43-.509q.35-.43.716-.817A15 15 0 0 0 9.423.75M4.68 2.949a14.969 14.97 0 0 0 0 2.336c.587-.065 1.196-.1 1.812-.107a17 17 0 0 1 .48-1.748a16.48 16.481 0 0 0-2.292-.481M3.62 3.5a12 12 0 0 0-1.858 2.38a17 17 0 0 1 1.877-.444A17 17 0 0 1 3.62 3.5m4.406.287c-.143.437-.265.888-.38 1.347a8.3 8.3 0 0 1 1.67-.803c-.423-.2-.845-.38-1.29-.544M6.3 6.216a14 14 0 0 0-1.555.108c.064.523.157 1.038.272 1.554A8.4 8.4 0 0 1 6.3 6.216m-2.55.137a15.3 15.3 0 0 0-2.602.716H1.07v.079a17.104 17.105 0 0 0 1.267 2.544l.043.071l.072-.049a16 16 0 0 1 1.734-1.083l.057-.035V8.54a17 17 0 0 1-.408-2.094v-.092zM.644 8.095l-.063.2A11.844 11.845 0 0 0 0 11.655v.209l.143-.152a17.706 17.707 0 0 1 1.584-1.447l.057-.043l-.043-.064a16 16 0 0 1-1.025-1.87zm3.77 1.253l-.18.1c-.465.273-.93.573-1.375.889l-.065.05l.05.064c.309.437.645.867.996 1.276l.137.165v-.208a8.2 8.2 0 0 1 .364-2.15zM2.2 10.853l-.072.05a16.6 16.6 0 0 0-1.813 1.734l-.058.058l.066.057a15.5 15.5 0 0 0 1.991 1.483l.072.05l.043-.08a16.738 16.74 0 0 1 1.053-1.64v-.05l-.043-.05a17 17 0 0 1-1.19-1.54zm1.855 2.071l-.121.172a15 15 0 0 0-.917 1.433l-.043.072l.071.043a17 17 0 0 0 1.562.766l.193.086l-.086-.193a8 8 0 0 1-.66-2.172zm-3.976.48v.2a11.758 11.759 0 0 0 .946 3.326l.078.186l.072-.194a16.215 16.216 0 0 1 .845-2l.057-.063l-.064-.043a17.197 17.198 0 0 1-1.776-1.284zm2.543 1.805l-.035.08a15.764 15.765 0 0 0-.983 2.479v.08h.086a16.15 16.152 0 0 0 2.688.5l.072.007v-.086a18 18 0 0 1 .164-2.056v-.065H4.55a16 16 0 0 1-1.849-.896zm2.544 1.169v.114a17 17 0 0 0-.151 1.828v.078h.931c.287 0 .624.014.946 0h.209l-.166-.129a8 8 0 0 1-1.64-1.834zm-3.29 2.1l.115.172a12 12 0 0 0 2.502 2.737l.157.129v-.201a22.578 22.58 0 0 1-.2-2.336v-.071h-.072a16 16 0 0 1-2.3-.387z"/>`;
</script>
cssCSS mask(随 currentColor 改色)
.anaconda {
  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%22M12.045.033a12.181%2012.182%200%200%200-1.361.078a17.512%2017.513%200%200%201%201.813%201.433l.48.438l-.465.45a15%2015%200%200%200-1.126%201.205l-.178.215a9%209%200%200%201%20.86-.05a8.154%208.155%200%201%201-4.286%2015.149a15.764%2015.765%200%200%201-1.841.106h-.86a22%2022%200%200%200%20.264%202.866a11.966%2011.967%200%201%200%206.7-21.89M8.17.678a12.181%2012.182%200%200%200-2.624%201.275a16%2016%200%200%201%201.813.43A18.551%2018.552%200%200%201%208.17.678M9.423.75a16.237%2016.238%200%200%200-.995%201.998a16.15%2016.152%200%200%201%201.605.66a7%207%200%200%201%20.43-.509q.35-.43.716-.817A15%2015%200%200%200%209.423.75M4.68%202.949a14.969%2014.97%200%200%200%200%202.336c.587-.065%201.196-.1%201.812-.107a17%2017%200%200%201%20.48-1.748a16.48%2016.481%200%200%200-2.292-.481M3.62%203.5a12%2012%200%200%200-1.858%202.38a17%2017%200%200%201%201.877-.444A17%2017%200%200%201%203.62%203.5m4.406.287c-.143.437-.265.888-.38%201.347a8.3%208.3%200%200%201%201.67-.803c-.423-.2-.845-.38-1.29-.544M6.3%206.216a14%2014%200%200%200-1.555.108c.064.523.157%201.038.272%201.554A8.4%208.4%200%200%201%206.3%206.216m-2.55.137a15.3%2015.3%200%200%200-2.602.716H1.07v.079a17.104%2017.105%200%200%200%201.267%202.544l.043.071l.072-.049a16%2016%200%200%201%201.734-1.083l.057-.035V8.54a17%2017%200%200%201-.408-2.094v-.092zM.644%208.095l-.063.2A11.844%2011.845%200%200%200%200%2011.655v.209l.143-.152a17.706%2017.707%200%200%201%201.584-1.447l.057-.043l-.043-.064a16%2016%200%200%201-1.025-1.87zm3.77%201.253l-.18.1c-.465.273-.93.573-1.375.889l-.065.05l.05.064c.309.437.645.867.996%201.276l.137.165v-.208a8.2%208.2%200%200%201%20.364-2.15zM2.2%2010.853l-.072.05a16.6%2016.6%200%200%200-1.813%201.734l-.058.058l.066.057a15.5%2015.5%200%200%200%201.991%201.483l.072.05l.043-.08a16.738%2016.74%200%200%201%201.053-1.64v-.05l-.043-.05a17%2017%200%200%201-1.19-1.54zm1.855%202.071l-.121.172a15%2015%200%200%200-.917%201.433l-.043.072l.071.043a17%2017%200%200%200%201.562.766l.193.086l-.086-.193a8%208%200%200%201-.66-2.172zm-3.976.48v.2a11.758%2011.759%200%200%200%20.946%203.326l.078.186l.072-.194a16.215%2016.216%200%200%201%20.845-2l.057-.063l-.064-.043a17.197%2017.198%200%200%201-1.776-1.284zm2.543%201.805l-.035.08a15.764%2015.765%200%200%200-.983%202.479v.08h.086a16.15%2016.152%200%200%200%202.688.5l.072.007v-.086a18%2018%200%200%201%20.164-2.056v-.065H4.55a16%2016%200%200%201-1.849-.896zm2.544%201.169v.114a17%2017%200%200%200-.151%201.828v.078h.931c.287%200%20.624.014.946%200h.209l-.166-.129a8%208%200%200%201-1.64-1.834zm-3.29%202.1l.115.172a12%2012%200%200%200%202.502%202.737l.157.129v-.201a22.578%2022.58%200%200%201-.2-2.336v-.071h-.072a16%2016%200%200%201-2.3-.387z%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%22M12.045.033a12.181%2012.182%200%200%200-1.361.078a17.512%2017.513%200%200%201%201.813%201.433l.48.438l-.465.45a15%2015%200%200%200-1.126%201.205l-.178.215a9%209%200%200%201%20.86-.05a8.154%208.155%200%201%201-4.286%2015.149a15.764%2015.765%200%200%201-1.841.106h-.86a22%2022%200%200%200%20.264%202.866a11.966%2011.967%200%201%200%206.7-21.89M8.17.678a12.181%2012.182%200%200%200-2.624%201.275a16%2016%200%200%201%201.813.43A18.551%2018.552%200%200%201%208.17.678M9.423.75a16.237%2016.238%200%200%200-.995%201.998a16.15%2016.152%200%200%201%201.605.66a7%207%200%200%201%20.43-.509q.35-.43.716-.817A15%2015%200%200%200%209.423.75M4.68%202.949a14.969%2014.97%200%200%200%200%202.336c.587-.065%201.196-.1%201.812-.107a17%2017%200%200%201%20.48-1.748a16.48%2016.481%200%200%200-2.292-.481M3.62%203.5a12%2012%200%200%200-1.858%202.38a17%2017%200%200%201%201.877-.444A17%2017%200%200%201%203.62%203.5m4.406.287c-.143.437-.265.888-.38%201.347a8.3%208.3%200%200%201%201.67-.803c-.423-.2-.845-.38-1.29-.544M6.3%206.216a14%2014%200%200%200-1.555.108c.064.523.157%201.038.272%201.554A8.4%208.4%200%200%201%206.3%206.216m-2.55.137a15.3%2015.3%200%200%200-2.602.716H1.07v.079a17.104%2017.105%200%200%200%201.267%202.544l.043.071l.072-.049a16%2016%200%200%201%201.734-1.083l.057-.035V8.54a17%2017%200%200%201-.408-2.094v-.092zM.644%208.095l-.063.2A11.844%2011.845%200%200%200%200%2011.655v.209l.143-.152a17.706%2017.707%200%200%201%201.584-1.447l.057-.043l-.043-.064a16%2016%200%200%201-1.025-1.87zm3.77%201.253l-.18.1c-.465.273-.93.573-1.375.889l-.065.05l.05.064c.309.437.645.867.996%201.276l.137.165v-.208a8.2%208.2%200%200%201%20.364-2.15zM2.2%2010.853l-.072.05a16.6%2016.6%200%200%200-1.813%201.734l-.058.058l.066.057a15.5%2015.5%200%200%200%201.991%201.483l.072.05l.043-.08a16.738%2016.74%200%200%201%201.053-1.64v-.05l-.043-.05a17%2017%200%200%201-1.19-1.54zm1.855%202.071l-.121.172a15%2015%200%200%200-.917%201.433l-.043.072l.071.043a17%2017%200%200%200%201.562.766l.193.086l-.086-.193a8%208%200%200%201-.66-2.172zm-3.976.48v.2a11.758%2011.759%200%200%200%20.946%203.326l.078.186l.072-.194a16.215%2016.216%200%200%201%20.845-2l.057-.063l-.064-.043a17.197%2017.198%200%200%201-1.776-1.284zm2.543%201.805l-.035.08a15.764%2015.765%200%200%200-.983%202.479v.08h.086a16.15%2016.152%200%200%200%202.688.5l.072.007v-.086a18%2018%200%200%201%20.164-2.056v-.065H4.55a16%2016%200%200%201-1.849-.896zm2.544%201.169v.114a17%2017%200%200%200-.151%201.828v.078h.931c.287%200%20.624.014.946%200h.209l-.166-.129a8%208%200%200%201-1.64-1.834zm-3.29%202.1l.115.172a12%2012%200%200%200%202.502%202.737l.157.129v-.201a22.578%2022.58%200%200%201-.2-2.336v-.071h-.072a16%2016%200%200%201-2.3-.387z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

给 anaconda 加一点动效

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

anaconda 呼吸动效演示

呼吸

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

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

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

旋转

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

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

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

SVG 健康报告

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

文件体积

2.20 KB

2,250 字节

viewBox

0 0 24 24

矢量坐标系

图元总数

1

<path> ×1

风格

单色(跟随 currentColor)

填充跟随容器颜色

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

常见问题

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

anaconda 图标是什么?▾

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

如何下载 anaconda 图标?▾

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

anaconda 图标可以商用吗?▾

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

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

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