svg熊猫图像徽章效果代码
代码语言：html
所属分类：布局界面
代码描述：svg熊猫图像徽章效果代码
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<style>
body {
display: flex;
min-height: 100vh;
place-content: center;
background-color: #ddd;
}
svg {
max-height: 90vh;
max-width: 90vw
}
</style>
</head>
<body translate="no" >
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" id="svg5" version="1.1" viewBox="0 0 93.8 101.5">
<defs id="defs2">
<radialGradient xlink:href="#linearGradient8594" id="radialGradient8598" cx="176.2" cy="130.7" r="3.4" fx="176.2" fy="130.7" gradientTransform="matrix(1.8474 -.33182 .0605 .33685 -157.2 145.9)" gradientUnits="userSpaceOnUse"/>
<radialGradient xlink:href="#linearGradient8663" id="radialGradient8665" cx="175.4" cy="127.8" r="6.8" fx="175.4" fy="127.8" gradientTransform="matrix(.99762 -.06892 .06404 .92705 -7.8 20.3)" gradientUnits="userSpaceOnUse"/>
<radialGradient xlink:href="#linearGradient8953" id="radialGradient8955" cx="169.9" cy="126.6" r=".4" fx="169.9" fy="126.6" gradientTransform="matrix(1.4285 0 0 .62689 -190.6 130.3)" gradientUnits="userSpaceOnUse"/>
<radialGradient xlink:href="#linearGradient8953" id="radialGradient8961" cx="169.9" cy="126.6" r=".4" fx="169.9" fy="126.6" gradientTransform="matrix(1.54833 0 0 .64426 -172 118.6)" gradientUnits="userSpaceOnUse"/>
<linearGradient id="linearGradient8953">
<stop id="stop8949" offset="0" stop-color="#fff" stop-opacity="1"/>
<stop id="stop8951" offset="1" stop-color="#fff" stop-opacity="0"/>
</linearGradient>
<linearGradient id="linearGradient8663">
<stop id="stop8659" offset="0" stop-color="#e5e5e5" stop-opacity="1"/>
<stop id="stop8661" offset="1" stop-color="#ccc" stop-opacity="0"/>
</linearGradient>
<linearGradient id="linearGradient8594">
<stop id="stop8590" offset="0" stop-color="#d8d8d8" stop-opacity="1"/>
<stop id="stop8592" offset="1" stop-color="#fff" stop-opacity="0"/>
</linearGradient>
<filter id="filter4098" width="1.1" height="1.1" x="0" y="0" color-interpolation-filters="sRGB">
<feFlood id="feFlood4088" flood-color="#000" flood-opacity=".5" result="flood"/>
<feComposite id="feComposite4090" in="flood" in2="SourceGraphic" operator="in" result="composite1"/>
<feGaussianBlur id="feGaussianBlur4092" in="composite1" result="blur" stdDeviation="1.6"/>
<feOffset id="feOffset4094" dx="2" dy="2" result="offset"/>
<feComposite id="feComposite4096" in="SourceGraphic" in2="offset" operator="over" result="composite2"/>
</filter>
</defs>
<g id="layer1" display="inline" transform="translate(-217.2 -75.7)">
<g id="g15449" fill-opacity="1" stroke-linecap="square" filter="url(#filter4098)" transform="translate(85.8 33.5)">
<ellipse id="path15442" cx="178.6" cy="94.3" fill="#fff" stroke="none" stroke-width="2.1" opacity="1" rx="42.2" ry="42"/>
<circle id="path8744" cx="178.6" cy="94.3" r="39.5" fill="#fff" stroke="#a40" stroke-width="1.8"/>
<circle id="circle11724" cx="178.6" cy="94.3" r="25.9" fill="#a40" stroke="none" stroke-width="1.2"/>
</g>
<g id="g8995" transform="translate(89.5 2)">
<path id="path7788" fill="#000" stroke="none" d="M162.5 116s-1.8-3-2.7-3.6c-.8-.5-2-1.3-2.7-1.4-.3-.6-4.9.2-6.3 1.3-1.2 1-2.2 4.9-2.2 5.8 0 .7.8 1.3.8 1.3l-.6.6s1.8 2.7 3 3.1c1 .4 6.6-.2 7.5-.6 1-.3 3.2-6.5 3.2-6.5z"/>
<path id="path7786" fill="#000" stroke="#000" stroke-width=".3" d="M188.1 116.7c2.3.1 4.6 1 5.1.6.8-.6 2.8-1.1 3-2.2.3-1.1.5-2.4.5-3.6 0-1.3-1.3-4.5-2.5-5.3-1.2-.8-5.2-2.1-6-1.7-.6.5-3 2.3-3.5 3.1l-1.8 3c-.3 1-.9 2.3.3 3.1 1.2 1 3.2 3 5 3z"/>
<path id="path7790" fill="#4d4d4d" stroke="none" d="m160.8 116.5-2-2.7-2.1-1.6-3.4.4-2 1.4 1.3.7 3.7-.2 2.6 1.7 1.7 1.2z"/>
<path id="path7792" fill="#fff" stroke="none" d="M159.5 116.4c-1.6 3-2.2 9-3 11.2-1 2.7-2.9 4.3-2.5 5.4a26.8 26.8 0 0 0 19.4 15.3c1.7.4 4 .1 7.7-.5 3.6-.6 10.1-6.5 11.6-8.6 1.5-2 4.4-10.6 3.9-11.8-1.5-3-3.6-3-4-3.8-1.6-3-3.8-8-4.5-9-2.3-3.3-9.5-6-15.2-6-3.7-.1-12.1 5.4-13.4 7.8z" opacity="1"/>
<path id="path8635" fill="url(#radialGradient8665)" fill-opacity="1" stroke="none" d="M169.2 129.2a37 37 0 0 1 12.6-1.2c.7.1-.5-5-.5-5s.5.1-.6-1.9c-1-1.5-9-2-11.4.3-2.2 1.8 0 7.8 0 7.8z"/>
<path id="path7794" fill="#000" stroke="#.........完整代码请登录后点击上方下载按钮下载查看
热门代码搜索
其他语言代码库
Html代码库
Python代码库
Java代码库
Php代码库
Phpcli代码库
Golang代码库
C#代码库
Nodejs代码库
C代码库
C++代码库
Sql代码库
R代码库
Rust代码库
Ruby代码库
Dart代码库
Vb代码库
D代码库
F#代码库
Typescript代码库
Coffeescript代码库
Julia代码库
Kotlin代码库
Perl代码库
Groovy代码库
Lua代码库
Vala代码库
Ocaml代码库
Assembly代码库
Objectc代码库
Scala代码库
Erlang代码库
Pascal代码库
Swift代码库
Fortran代码库
Bash代码库
Clojure代码库
Ada代码库
Elixir代码库
Cobol代码库
Haskell代码库
Nim代码库
Racket代码库
Lisp代码库
网友评论0