1<?xml version="1.0" encoding="utf-8"?> 2 <!-- Created by Gustavo Rezende --> 3<button> 4 <title>Blue Arrow</title> 5 <svg width="40" height="40" viewBox="-2 -2 54 54"> 6 <defs> 7 <radialGradient id="gradient1" gradientUnits="userSpaceOnUse" 8 cx="25" cy="15" r="25" fx="25" fy="15"> 9 <stop id="st1a" offset="0%" stop-color="#ffffff" stop-opacity=".5" /> 10 <stop id="st2a" offset="100%" stop-color="#000000" stop-opacity=".5" /> 11 </radialGradient> 12 <linearGradient id="gradient2" gradientUnits="userSpaceOnUse" 13 x1="25" y1="3" x2="25" y2="47"> 14 <stop id="st3" offset="0%" stop-opacity=".8" stop-color="#000000" /> 15 <stop id="st4" offset="100%" stop-opacity=".8" stop-color="#ffffff" /> 16 </linearGradient> 17 </defs> 18 <circle id="circle1" cx="25" cy="25" r="23" fill="#00AFEF" 19 stroke="#ffffff" stroke-width="2" /> 20 <circle id="circle2" cx="25" cy="25" r="23" fill="url(#gradient1)" /> 21 <path id="arrow" transform="rotate(0,25,25)" 22 style="fill:#ffffff;stroke:url(#gradient2);stroke-width:1" d="M9,21 L28,21 L20,9 L30,9 L41,25 L30,41 L20,41 L28,29 L9,29 z" /> 23 </svg> 24 <parameters> 25 <parameter> 26 <title>Rotation</title> 27 <name>rotation</name> 28 <type>integer(0,360)</type> 29 <element>arrow</element> 30 <attribute>transform#1</attribute> 31 </parameter> 32 <parameter> 33 <title>Colour of the circle</title> 34 <name>bc</name> 35 <type>colour</type> 36 <element>circle1</element> 37 <attribute>fill</attribute> 38 </parameter> 39 <parameter> 40 <title>Stroke color</title> 41 <name>sc</name> 42 <type>colour</type> 43 <element>circle1</element> 44 <attribute>stroke</attribute> 45 </parameter> 46 <parameter> 47 <title>Arrow color</title> 48 <name>ac</name> 49 <type>colour</type> 50 <element>arrow</element> 51 <attribute>fill</attribute> 52 <changeable /> 53 <default-value> 54 <highlighted>#FFF212</highlighted> 55 <selected>#ED3237</selected> 56 </default-value> 57 </parameter> 58 </parameters> 59</button> 60