找找图标

call-medicine-bold-duotone SVG 图标

solarcall-medicine-bold-duotone

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

图标 ID
solar:call-medicine-bold-duotone
中文名
—
所属集合
Solar
集合规模
8,706 枚
基础网格
24px
色彩
单色(可改色)
开源协议
CC-BY-4.0
作者
480 Design

下载 call-medicine-bold-duotone 图标

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

px

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

call-medicine-bold-duotone 的预览与使用场景

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

预览颜色
call-medicine-bold-duotone 图标 浅色背景预览浅色背景
call-medicine-bold-duotone 图标 深色背景预览深色背景
call-medicine-bold-duotone 图标 灰底融入预览灰底融入

在真实界面里长这样

继续按钮内 · 主操作
搜索call-medicine-bold-duotone…输入框 · 前缀图标
call-medicine-bold-duotone导航菜单 · 选中态
暂无内容空状态 · 引导提示
9:41call-medicine-bold-duotone App 图标call-medicine-bold-duotoneend-call-boldend-call-bold-duotoneend-call-brokenend-call-line-duotoneend-call-linearend-call-outlinecall-chat-boldcall-chat-bold-duotonecall-chat-brokencall-chat-line-duotonecall-chat-linear手机桌面 · App 图标
call-medicine-bold-duotonesolar.design/icons/call-medicine-bold-duotone浏览器 · 标签页与站点图标

各尺寸下的可读性

call-medicine-bold-duotone 图标 24px 渲染24pxcall-medicine-bold-duotone 图标 32px 渲染32pxcall-medicine-bold-duotone 图标 48px 渲染48pxcall-medicine-bold-duotone 图标 64px 渲染64pxcall-medicine-bold-duotone 图标 96px 渲染96pxcall-medicine-bold-duotone 图标 128px 渲染128px

复制 call-medicine-bold-duotone 图标代码

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

svgSVG 源码(内联 HTML)
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14.5562 15.5477L14.1007 16.0272C14.1007 16.0272 13.0181 17.167 10.0631 14.0559C7.10812 10.9448 8.1907 9.80507 8.1907 9.80507L8.47752 9.50311C9.18407 8.75924 9.25068 7.56497 8.63424 6.6931L7.37326 4.90961C6.61028 3.8305 5.13596 3.68795 4.26145 4.60864L2.69185 6.26114C2.25823 6.71766 1.96765 7.30945 2.00289 7.96594C2.09304 9.64546 2.81071 13.259 6.81536 17.4752C11.0621 21.9462 15.0468 22.1239 16.6763 21.9631C17.1917 21.9122 17.6399 21.6343 18.0011 21.254L19.4217 19.7584C20.3806 18.7489 20.1102 17.0182 18.8833 16.312L16.9728 15.2123C16.1672 14.7486 15.1858 14.8848 14.5562 15.5477Z" opacity=".5"/><path fill-rule="evenodd" d="M22 7C22 9.76142 19.7614 12 17 12C16.2002 12 15.4442 11.8122 14.7738 11.4783C14.5956 11.3895 14.392 11.36 14.1997 11.4114L13.0867 11.7092C12.6035 11.8385 12.1615 11.3965 12.2908 10.9133L12.5886 9.80031C12.64 9.60803 12.6105 9.4044 12.5217 9.22624C12.1878 8.55582 12 7.79984 12 7C12 4.23858 14.2386 2 17 2C19.7614 2 22 4.23858 22 7ZM17 4.8125C17.5178 4.8125 17.9375 5.23223 17.9375 5.75V6.0625H18.25C18.7678 6.0625 19.1875 6.48223 19.1875 7C19.1875 7.51777 18.7678 7.9375 18.25 7.9375H17.9375V8.25C17.9375 8.76777 17.5178 9.1875 17 9.1875C16.4822 9.1875 16.0625 8.76777 16.0625 8.25V7.9375H15.75C15.2322 7.9375 14.8125 7.51777 14.8125 7C14.8125 6.48223 15.2322 6.0625 15.75 6.0625H16.0625V5.75C16.0625 5.23223 16.4822 4.8125 17 4.8125Z" clip-rule="evenodd"/></g></svg>
reactReact 组件(TSX)
export function CallMedicineBoldDuotoneIcon(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: `<g fill="currentColor"><path d="M14.5562 15.5477L14.1007 16.0272C14.1007 16.0272 13.0181 17.167 10.0631 14.0559C7.10812 10.9448 8.1907 9.80507 8.1907 9.80507L8.47752 9.50311C9.18407 8.75924 9.25068 7.56497 8.63424 6.6931L7.37326 4.90961C6.61028 3.8305 5.13596 3.68795 4.26145 4.60864L2.69185 6.26114C2.25823 6.71766 1.96765 7.30945 2.00289 7.96594C2.09304 9.64546 2.81071 13.259 6.81536 17.4752C11.0621 21.9462 15.0468 22.1239 16.6763 21.9631C17.1917 21.9122 17.6399 21.6343 18.0011 21.254L19.4217 19.7584C20.3806 18.7489 20.1102 17.0182 18.8833 16.312L16.9728 15.2123C16.1672 14.7486 15.1858 14.8848 14.5562 15.5477Z" opacity=".5"/><path fill-rule="evenodd" d="M22 7C22 9.76142 19.7614 12 17 12C16.2002 12 15.4442 11.8122 14.7738 11.4783C14.5956 11.3895 14.392 11.36 14.1997 11.4114L13.0867 11.7092C12.6035 11.8385 12.1615 11.3965 12.2908 10.9133L12.5886 9.80031C12.64 9.60803 12.6105 9.4044 12.5217 9.22624C12.1878 8.55582 12 7.79984 12 7C12 4.23858 14.2386 2 17 2C19.7614 2 22 4.23858 22 7ZM17 4.8125C17.5178 4.8125 17.9375 5.23223 17.9375 5.75V6.0625H18.25C18.7678 6.0625 19.1875 6.48223 19.1875 7C19.1875 7.51777 18.7678 7.9375 18.25 7.9375H17.9375V8.25C17.9375 8.76777 17.5178 9.1875 17 9.1875C16.4822 9.1875 16.0625 8.76777 16.0625 8.25V7.9375H15.75C15.2322 7.9375 14.8125 7.51777 14.8125 7C14.8125 6.48223 15.2322 6.0625 15.75 6.0625H16.0625V5.75C16.0625 5.23223 16.4822 4.8125 17 4.8125Z" clip-rule="evenodd"/></g>` }}
    />
  );
}
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 = `<g fill="currentColor"><path d="M14.5562 15.5477L14.1007 16.0272C14.1007 16.0272 13.0181 17.167 10.0631 14.0559C7.10812 10.9448 8.1907 9.80507 8.1907 9.80507L8.47752 9.50311C9.18407 8.75924 9.25068 7.56497 8.63424 6.6931L7.37326 4.90961C6.61028 3.8305 5.13596 3.68795 4.26145 4.60864L2.69185 6.26114C2.25823 6.71766 1.96765 7.30945 2.00289 7.96594C2.09304 9.64546 2.81071 13.259 6.81536 17.4752C11.0621 21.9462 15.0468 22.1239 16.6763 21.9631C17.1917 21.9122 17.6399 21.6343 18.0011 21.254L19.4217 19.7584C20.3806 18.7489 20.1102 17.0182 18.8833 16.312L16.9728 15.2123C16.1672 14.7486 15.1858 14.8848 14.5562 15.5477Z" opacity=".5"/><path fill-rule="evenodd" d="M22 7C22 9.76142 19.7614 12 17 12C16.2002 12 15.4442 11.8122 14.7738 11.4783C14.5956 11.3895 14.392 11.36 14.1997 11.4114L13.0867 11.7092C12.6035 11.8385 12.1615 11.3965 12.2908 10.9133L12.5886 9.80031C12.64 9.60803 12.6105 9.4044 12.5217 9.22624C12.1878 8.55582 12 7.79984 12 7C12 4.23858 14.2386 2 17 2C19.7614 2 22 4.23858 22 7ZM17 4.8125C17.5178 4.8125 17.9375 5.23223 17.9375 5.75V6.0625H18.25C18.7678 6.0625 19.1875 6.48223 19.1875 7C19.1875 7.51777 18.7678 7.9375 18.25 7.9375H17.9375V8.25C17.9375 8.76777 17.5178 9.1875 17 9.1875C16.4822 9.1875 16.0625 8.76777 16.0625 8.25V7.9375H15.75C15.2322 7.9375 14.8125 7.51777 14.8125 7C14.8125 6.48223 15.2322 6.0625 15.75 6.0625H16.0625V5.75C16.0625 5.23223 16.4822 4.8125 17 4.8125Z" clip-rule="evenodd"/></g>`;
</script>
cssCSS mask(随 currentColor 改色)
.call-medicine-bold-duotone {
  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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M14.5562%2015.5477L14.1007%2016.0272C14.1007%2016.0272%2013.0181%2017.167%2010.0631%2014.0559C7.10812%2010.9448%208.1907%209.80507%208.1907%209.80507L8.47752%209.50311C9.18407%208.75924%209.25068%207.56497%208.63424%206.6931L7.37326%204.90961C6.61028%203.8305%205.13596%203.68795%204.26145%204.60864L2.69185%206.26114C2.25823%206.71766%201.96765%207.30945%202.00289%207.96594C2.09304%209.64546%202.81071%2013.259%206.81536%2017.4752C11.0621%2021.9462%2015.0468%2022.1239%2016.6763%2021.9631C17.1917%2021.9122%2017.6399%2021.6343%2018.0011%2021.254L19.4217%2019.7584C20.3806%2018.7489%2020.1102%2017.0182%2018.8833%2016.312L16.9728%2015.2123C16.1672%2014.7486%2015.1858%2014.8848%2014.5562%2015.5477Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M22%207C22%209.76142%2019.7614%2012%2017%2012C16.2002%2012%2015.4442%2011.8122%2014.7738%2011.4783C14.5956%2011.3895%2014.392%2011.36%2014.1997%2011.4114L13.0867%2011.7092C12.6035%2011.8385%2012.1615%2011.3965%2012.2908%2010.9133L12.5886%209.80031C12.64%209.60803%2012.6105%209.4044%2012.5217%209.22624C12.1878%208.55582%2012%207.79984%2012%207C12%204.23858%2014.2386%202%2017%202C19.7614%202%2022%204.23858%2022%207ZM17%204.8125C17.5178%204.8125%2017.9375%205.23223%2017.9375%205.75V6.0625H18.25C18.7678%206.0625%2019.1875%206.48223%2019.1875%207C19.1875%207.51777%2018.7678%207.9375%2018.25%207.9375H17.9375V8.25C17.9375%208.76777%2017.5178%209.1875%2017%209.1875C16.4822%209.1875%2016.0625%208.76777%2016.0625%208.25V7.9375H15.75C15.2322%207.9375%2014.8125%207.51777%2014.8125%207C14.8125%206.48223%2015.2322%206.0625%2015.75%206.0625H16.0625V5.75C16.0625%205.23223%2016.4822%204.8125%2017%204.8125Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M14.5562%2015.5477L14.1007%2016.0272C14.1007%2016.0272%2013.0181%2017.167%2010.0631%2014.0559C7.10812%2010.9448%208.1907%209.80507%208.1907%209.80507L8.47752%209.50311C9.18407%208.75924%209.25068%207.56497%208.63424%206.6931L7.37326%204.90961C6.61028%203.8305%205.13596%203.68795%204.26145%204.60864L2.69185%206.26114C2.25823%206.71766%201.96765%207.30945%202.00289%207.96594C2.09304%209.64546%202.81071%2013.259%206.81536%2017.4752C11.0621%2021.9462%2015.0468%2022.1239%2016.6763%2021.9631C17.1917%2021.9122%2017.6399%2021.6343%2018.0011%2021.254L19.4217%2019.7584C20.3806%2018.7489%2020.1102%2017.0182%2018.8833%2016.312L16.9728%2015.2123C16.1672%2014.7486%2015.1858%2014.8848%2014.5562%2015.5477Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M22%207C22%209.76142%2019.7614%2012%2017%2012C16.2002%2012%2015.4442%2011.8122%2014.7738%2011.4783C14.5956%2011.3895%2014.392%2011.36%2014.1997%2011.4114L13.0867%2011.7092C12.6035%2011.8385%2012.1615%2011.3965%2012.2908%2010.9133L12.5886%209.80031C12.64%209.60803%2012.6105%209.4044%2012.5217%209.22624C12.1878%208.55582%2012%207.79984%2012%207C12%204.23858%2014.2386%202%2017%202C19.7614%202%2022%204.23858%2022%207ZM17%204.8125C17.5178%204.8125%2017.9375%205.23223%2017.9375%205.75V6.0625H18.25C18.7678%206.0625%2019.1875%206.48223%2019.1875%207C19.1875%207.51777%2018.7678%207.9375%2018.25%207.9375H17.9375V8.25C17.9375%208.76777%2017.5178%209.1875%2017%209.1875C16.4822%209.1875%2016.0625%208.76777%2016.0625%208.25V7.9375H15.75C15.2322%207.9375%2014.8125%207.51777%2014.8125%207C14.8125%206.48223%2015.2322%206.0625%2015.75%206.0625H16.0625V5.75C16.0625%205.23223%2016.4822%204.8125%2017%204.8125Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

给 call-medicine-bold-duotone 加一点动效

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

call-medicine-bold-duotone 呼吸动效演示

呼吸

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

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

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

旋转

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

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

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

SVG 健康报告

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

文件体积

1.48 KB

1,514 字节

viewBox

0 0 24 24

矢量坐标系

图元总数

2

<path> ×2

风格

单色(跟随 currentColor)

填充跟随容器颜色

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

常见问题

关于 call-medicine-bold-duotone 图标的下载、商用与改色。

call-medicine-bold-duotone 图标是什么?▾

它是 Solar(solar)开源图标集中的 call-medicine-bold-duotone 图标,单色(跟随 currentColor),viewBox 为 0 0 24 24,文件仅 1.48 KB,矢量格式可无损缩放到任意尺寸。

如何下载 call-medicine-bold-duotone 图标?▾

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

call-medicine-bold-duotone 图标可以商用吗?▾

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

如何修改 call-medicine-bold-duotone 图标的颜色?▾

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

Solar 中的相近图标

end-call-bold
end-call-bold-duotone
end-call-broken
end-call-line-duotone
end-call-linear
end-call-outline
call-chat-bold
call-chat-bold-duotone
call-chat-broken
call-chat-line-duotone
call-chat-linear
call-chat-outline
call-cancel-bold
call-cancel-bold-duotone
call-cancel-broken
call-cancel-line-duotone
call-cancel-linear
call-cancel-outline
call-dropped-bold
call-dropped-bold-duotone
call-dropped-broken
call-dropped-line-duotone
call-dropped-linear
call-dropped-outline