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
simple-iconsanaconda
来自 Simple Icons 开源图标集,矢量 SVG 可无损缩放到任意尺寸,支持在线改色、复制 React/Vue/HTML 代码。
SVG 矢量源文件,或 PNG 按 16~512 预设与 16~1024 自定义尺寸导出,任意尺寸边缘锐利。
PNG 由矢量源实时渲染,任意尺寸边缘锐利无锯齿;下载与预览均免费,无需注册。
切换预览颜色后,下方三底色、真实界面场景与各尺寸渲染会实时跟随。
内联 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="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>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"/>` }}
/>
);
}<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>.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;
}单文件 CSS 即可播放,无需任何依赖;描画动效仅对描边类图标生效。
透明度往复渐变,适合状态提示与在线指示。
.icon-anaconda {
animation: icon-breathe 1.8s ease-in-out infinite;
}
@keyframes icon-breathe {
0%, 100% { opacity: 1; }
50% { opacity: 0.35; }
}匀速循环旋转,适合加载中场景。
.icon-anaconda {
animation: icon-spin 1.6s linear infinite;
}
@keyframes icon-spin {
to { transform: rotate(360deg); }
}对源文件的客观技术指标,供工程侧评估引用方式。
文件体积
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 图标的下载、商用与改色。
它是 Simple Icons(simple-icons)开源图标集中的 anaconda 图标,单色(跟随 currentColor),viewBox 为 0 0 24 24,文件仅 2.20 KB,矢量格式可无损缩放到任意尺寸。
点击「下载与导出」中的 SVG 源文件按钮保存矢量文件;也可以按 512 / 256 / 128 / 64 / 32 / 16px 预设导出 PNG,或在输入框填 16~1024 之间的任意尺寸。需要 iOS、Android 全套尺寸时,用素材包生成器一键打包。
该图标采用 CC0 1.0(CC0-1.0) 开源协议,通常允许在遵守协议的前提下免费使用,常见要求是保留作者版权声明。商用前建议阅读协议原文确认。
在「预览与场景」的色板中切换颜色,三底色与全部场景会实时跟随;点击任一相近图标可打开预览弹层,复制对应颜色的 SVG 源码或 PNG。也可以复制 SVG 源码后自行修改 fill 值。