SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Pay Sphera
Lawnicons Line Brand Icons
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
7.1 KB
978 bytes
-87%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- License: Apache. Made by lawnchairlauncher: https://github.com/lawnchairlauncher/lawnicons --> <svg width="800px" height="800px" viewBox="0 0 192 192" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="svg1011" fill="none" version="1.1"> <defs id="defs1009"> <filter id="mask-powermask-path-effect5363_inverse" width="100" height="100" x="-50" y="-50" style="color-interpolation-filters:sRGB"> <feColorMatrix id="mask-powermask-path-effect5363_primitive1" result="fbSourceGraphic" type="saturate" values="1"/> <feColorMatrix id="mask-powermask-path-effect5363_primitive2" in="fbSourceGraphic" values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0"/> </filter> <filter id="mask-powermask-path-effect5414_inverse" width="100" height="100" x="-50" y="-50" style="color-interpolation-filters:sRGB"> <feColorMatrix id="mask-powermask-path-effect5414_primitive1" result="fbSourceGraphic" type="saturate" values="1"/> <feColorMatrix id="mask-powermask-path-effect5414_primitive2" in="fbSourceGraphic" values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0"/> </filter> <filter id="mask-powermask-path-effect5444_inverse" width="100" height="100" x="-50" y="-50" style="color-interpolation-filters:sRGB"> <feColorMatrix id="mask-powermask-path-effect5444_primitive1" result="fbSourceGraphic" type="saturate" values="1"/> <feColorMatrix id="mask-powermask-path-effect5444_primitive2" in="fbSourceGraphic" values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0"/> </filter> <filter id="mask-powermask-path-effect5462_inverse" width="100" height="100" x="-50" y="-50" style="color-interpolation-filters:sRGB"> <feColorMatrix id="mask-powermask-path-effect5462_primitive1" result="fbSourceGraphic" type="saturate" values="1"/> <feColorMatrix id="mask-powermask-path-effect5462_primitive2" in="fbSourceGraphic" values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0"/> </filter> <filter id="mask-powermask-path-effect5473_inverse" width="100" height="100" x="-50" y="-50" style="color-interpolation-filters:sRGB"> <feColorMatrix id="mask-powermask-path-effect5473_primitive1" result="fbSourceGraphic" type="saturate" values="1"/> <feColorMatrix id="mask-powermask-path-effect5473_primitive2" in="fbSourceGraphic" values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0"/> </filter> <filter id="mask-powermask-path-effect7499_inverse" width="100" height="100" x="-50" y="-50" style="color-interpolation-filters:sRGB"> <feColorMatrix id="mask-powermask-path-effect7499_primitive1" result="fbSourceGraphic" type="saturate" values="1"/> <feColorMatrix id="mask-powermask-path-effect7499_primitive2" in="fbSourceGraphic" values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0"/> </filter> <filter id="mask-powermask-path-effect7510_inverse" width="100" height="100" x="-50" y="-50" style="color-interpolation-filters:sRGB"> <feColorMatrix id="mask-powermask-path-effect7510_primitive1" result="fbSourceGraphic" type="saturate" values="1"/> <feColorMatrix id="mask-powermask-path-effect7510_primitive2" in="fbSourceGraphic" values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0"/> </filter> <filter id="filter0_d" width="61.288" height="67.596" x="10.75" y="8.779" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"> <feFlood id="feFlood3303" flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix id="feColorMatrix3305" in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset id="feOffset3307"/> <feGaussianBlur id="feGaussianBlur3309" stdDeviation="10"/> <feColorMatrix id="feColorMatrix3311" type="matrix" values="0 0 0 0 0.330556 0 0 0 0 0.398611 0 0 0 0 0.495833 0 0 0 0.32 0"/> <feBlend id="feBlend3313" in2="BackgroundImageFix" mode="normal" result="effect1_dropShadow"/> <feBlend id="feBlend3315" in="SourceGraphic" in2="effect1_dropShadow" mode="normal" result="shape"/> </filter> <radialGradient id="paint0_radial" cx="0" cy="0" r="1" gradientTransform="matrix(84.0465 0 0 84.2932 25.426 19.68)" gradientUnits="userSpaceOnUse"> <stop id="stop3318" offset=".031" stop-color="#98C7FF"/> <stop id="stop3320" offset=".469" stop-color="#1065E4"/> <stop id="stop3322" offset="1" stop-color="#044AB1"/> </radialGradient> <radialGradient id="paint2_radial" cx="0" cy="0" r="1" gradientTransform="matrix(0 -44.5345 37.387 0 41.297 45.242)" gradientUnits="userSpaceOnUse"> <stop id="stop3330" stop-color="#ffffff"/> <stop id="stop3332" offset=".339" stop-color="#ffffff"/> <stop id="stop3334" offset="1" stop-color="#ECF4FF"/> </radialGradient> <radialGradient id="paint3_radial" cx="0" cy="0" r="1" gradientTransform="matrix(0 -14.6613 14.7339 0 41.422 45.495)" gradientUnits="userSpaceOnUse"> <stop id="stop3337" offset=".292" stop-color="#ffffff"/> <stop id="stop3339" offset="1" stop-color="#F3F8FF"/> </radialGradient> <clipPath id="a"> <path id="path1006" fill="#ffffff" d="M0 0h192v192H0z"/> </clipPath> <clipPath id="clipPath7516" clipPathUnits="userSpaceOnUse"> <path id="path7518" fill="#ffffff" d="M18.79 67.427a5.31 5.31 0 0 1-4.034-5.146V33.623c0-2.763 2.61-4.789 5.304-4.116l17.054 4.26a5.31 5.31 0 0 1 4.033 5.146V67.57c0 2.762-2.61 4.789-5.304 4.116z" style="display:block;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:4.4;stroke-dasharray:none;stroke-opacity:1"/> </clipPath> <clipPath id="clipPath7528" clipPathUnits="userSpaceOnUse"> <path id="path7530" fill="#ffffff" d="M34.838 60.83a5.31 5.31 0 0 1-4.033-5.147V27.026c0-2.763 2.61-4.79 5.303-4.117l17.054 4.26a5.31 5.31 0 0 1 4.034 5.146v28.658c0 2.763-2.61 4.79-5.304 4.116z" style="display:block;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:4.4;stroke-dasharray:none;stroke-opacity:1"/> </clipPath> <linearGradient id="paint1_linear" x1="21.536" x2="41.339" y1="5.244" y2="28.982" gradientUnits="userSpaceOnUse"> <stop id="stop3325" offset=".031" stop-color="#C1DEFF" stop-opacity=".12"/> <stop id="stop3327" offset=".891" stop-color="#8DBBFF"/> </linearGradient> <style id="style1182" type="text/css">.fil4{fill:#fefefe}.fil3{fill:#00ae42}.fil5{fill:red}.fil0{fill:#00ae42}.fil0,.fil1,.fil2{fill-rule:nonzero}.fil1{fill:red}.fil2{fill:#fff}</style> </defs> <g id="g788"> <path id="path3283" fill-rule="evenodd" stroke="#4589e4" stroke-width="1.4" d="M95.977 168c37.608 0 63.992-30.743 62.046-61.397C156.077 75.905 128.516 46.197 95.977 20c-32.538 26.197-60.054 55.905-62 86.558-1.946 30.699 24.438 61.442 62 61.442z" clip-rule="evenodd" style="display:inline;fill:none;stroke:#000000;stroke-width:12;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"/> <path id="path3291" fill="#266dd7" d="M58.072 99.073a3.072 3.072 0 0 1-2.13-5.287l35.42-34.056a6.693 6.693 0 0 1 9.277 0l35.418 34.056a3.072 3.072 0 0 1-2.13 5.287h-8.641v28.35a6.692 6.692 0 0 1-6.692 6.693H104.2v-23.97a6.692 6.692 0 0 0-6.693-6.692h-3.014a6.692 6.692 0 0 0-6.693 6.692v23.97H73.992a6.693 6.693 0 0 1-6.692-6.692v-28.35Z" style="display:inline;fill:none;fill-opacity:1;stroke:#000000;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
7.1 KB
978 bytes
-87%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- License: Apache. Made by lawnchairlauncher: https://github.com/lawnchairlauncher/lawnicons --> <svg width="800px" height="800px" viewBox="0 0 192 192" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="svg1011" fill="none" version="1.1"> <defs id="defs1009"> <filter id="mask-powermask-path-effect5363_inverse" width="100" height="100" x="-50" y="-50" style="color-interpolation-filters:sRGB"> <feColorMatrix id="mask-powermask-path-effect5363_primitive1" result="fbSourceGraphic" type="saturate" values="1"/> <feColorMatrix id="mask-powermask-path-effect5363_primitive2" in="fbSourceGraphic" values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0"/> </filter> <filter id="mask-powermask-path-effect5414_inverse" width="100" height="100" x="-50" y="-50" style="color-interpolation-filters:sRGB"> <feColorMatrix id="mask-powermask-path-effect5414_primitive1" result="fbSourceGraphic" type="saturate" values="1"/> <feColorMatrix id="mask-powermask-path-effect5414_primitive2" in="fbSourceGraphic" values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0"/> </filter> <filter id="mask-powermask-path-effect5444_inverse" width="100" height="100" x="-50" y="-50" style="color-interpolation-filters:sRGB"> <feColorMatrix id="mask-powermask-path-effect5444_primitive1" result="fbSourceGraphic" type="saturate" values="1"/> <feColorMatrix id="mask-powermask-path-effect5444_primitive2" in="fbSourceGraphic" values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0"/> </filter> <filter id="mask-powermask-path-effect5462_inverse" width="100" height="100" x="-50" y="-50" style="color-interpolation-filters:sRGB"> <feColorMatrix id="mask-powermask-path-effect5462_primitive1" result="fbSourceGraphic" type="saturate" values="1"/> <feColorMatrix id="mask-powermask-path-effect5462_primitive2" in="fbSourceGraphic" values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0"/> </filter> <filter id="mask-powermask-path-effect5473_inverse" width="100" height="100" x="-50" y="-50" style="color-interpolation-filters:sRGB"> <feColorMatrix id="mask-powermask-path-effect5473_primitive1" result="fbSourceGraphic" type="saturate" values="1"/> <feColorMatrix id="mask-powermask-path-effect5473_primitive2" in="fbSourceGraphic" values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0"/> </filter> <filter id="mask-powermask-path-effect7499_inverse" width="100" height="100" x="-50" y="-50" style="color-interpolation-filters:sRGB"> <feColorMatrix id="mask-powermask-path-effect7499_primitive1" result="fbSourceGraphic" type="saturate" values="1"/> <feColorMatrix id="mask-powermask-path-effect7499_primitive2" in="fbSourceGraphic" values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0"/> </filter> <filter id="mask-powermask-path-effect7510_inverse" width="100" height="100" x="-50" y="-50" style="color-interpolation-filters:sRGB"> <feColorMatrix id="mask-powermask-path-effect7510_primitive1" result="fbSourceGraphic" type="saturate" values="1"/> <feColorMatrix id="mask-powermask-path-effect7510_primitive2" in="fbSourceGraphic" values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0"/> </filter> <filter id="filter0_d" width="61.288" height="67.596" x="10.75" y="8.779" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"> <feFlood id="feFlood3303" flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix id="feColorMatrix3305" in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset id="feOffset3307"/> <feGaussianBlur id="feGaussianBlur3309" stdDeviation="10"/> <feColorMatrix id="feColorMatrix3311" type="matrix" values="0 0 0 0 0.330556 0 0 0 0 0.398611 0 0 0 0 0.495833 0 0 0 0.32 0"/> <feBlend id="feBlend3313" in2="BackgroundImageFix" mode="normal" result="effect1_dropShadow"/> <feBlend id="feBlend3315" in="SourceGraphic" in2="effect1_dropShadow" mode="normal" result="shape"/> </filter> <radialGradient id="paint0_radial" cx="0" cy="0" r="1" gradientTransform="matrix(84.0465 0 0 84.2932 25.426 19.68)" gradientUnits="userSpaceOnUse"> <stop id="stop3318" offset=".031" stop-color="#98C7FF"/> <stop id="stop3320" offset=".469" stop-color="#1065E4"/> <stop id="stop3322" offset="1" stop-color="#044AB1"/> </radialGradient> <radialGradient id="paint2_radial" cx="0" cy="0" r="1" gradientTransform="matrix(0 -44.5345 37.387 0 41.297 45.242)" gradientUnits="userSpaceOnUse"> <stop id="stop3330" stop-color="#ffffff"/> <stop id="stop3332" offset=".339" stop-color="#ffffff"/> <stop id="stop3334" offset="1" stop-color="#ECF4FF"/> </radialGradient> <radialGradient id="paint3_radial" cx="0" cy="0" r="1" gradientTransform="matrix(0 -14.6613 14.7339 0 41.422 45.495)" gradientUnits="userSpaceOnUse"> <stop id="stop3337" offset=".292" stop-color="#ffffff"/> <stop id="stop3339" offset="1" stop-color="#F3F8FF"/> </radialGradient> <clipPath id="a"> <path id="path1006" fill="#ffffff" d="M0 0h192v192H0z"/> </clipPath> <clipPath id="clipPath7516" clipPathUnits="userSpaceOnUse"> <path id="path7518" fill="#ffffff" d="M18.79 67.427a5.31 5.31 0 0 1-4.034-5.146V33.623c0-2.763 2.61-4.789 5.304-4.116l17.054 4.26a5.31 5.31 0 0 1 4.033 5.146V67.57c0 2.762-2.61 4.789-5.304 4.116z" style="display:block;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:4.4;stroke-dasharray:none;stroke-opacity:1"/> </clipPath> <clipPath id="clipPath7528" clipPathUnits="userSpaceOnUse"> <path id="path7530" fill="#ffffff" d="M34.838 60.83a5.31 5.31 0 0 1-4.033-5.147V27.026c0-2.763 2.61-4.79 5.303-4.117l17.054 4.26a5.31 5.31 0 0 1 4.034 5.146v28.658c0 2.763-2.61 4.79-5.304 4.116z" style="display:block;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:4.4;stroke-dasharray:none;stroke-opacity:1"/> </clipPath> <linearGradient id="paint1_linear" x1="21.536" x2="41.339" y1="5.244" y2="28.982" gradientUnits="userSpaceOnUse"> <stop id="stop3325" offset=".031" stop-color="#C1DEFF" stop-opacity=".12"/> <stop id="stop3327" offset=".891" stop-color="#8DBBFF"/> </linearGradient> <style id="style1182" type="text/css">.fil4{fill:#fefefe}.fil3{fill:#00ae42}.fil5{fill:red}.fil0{fill:#00ae42}.fil0,.fil1,.fil2{fill-rule:nonzero}.fil1{fill:red}.fil2{fill:#fff}</style> </defs> <g id="g788"> <path id="path3283" fill-rule="evenodd" stroke="#4589e4" stroke-width="1.4" d="M95.977 168c37.608 0 63.992-30.743 62.046-61.397C156.077 75.905 128.516 46.197 95.977 20c-32.538 26.197-60.054 55.905-62 86.558-1.946 30.699 24.438 61.442 62 61.442z" clip-rule="evenodd" style="display:inline;fill:none;stroke:#000000;stroke-width:12;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"/> <path id="path3291" fill="#266dd7" d="M58.072 99.073a3.072 3.072 0 0 1-2.13-5.287l35.42-34.056a6.693 6.693 0 0 1 9.277 0l35.418 34.056a3.072 3.072 0 0 1-2.13 5.287h-8.641v28.35a6.692 6.692 0 0 1-6.692 6.693H104.2v-23.97a6.692 6.692 0 0 0-6.693-6.692h-3.014a6.692 6.692 0 0 0-6.693 6.692v23.97H73.992a6.693 6.693 0 0 1-6.692-6.692v-28.35Z" style="display:inline;fill:none;fill-opacity:1;stroke:#000000;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download