Следующий код отображает стрелку с тенью. Требование требует сделать тень немного больше, чем стрелка, так что, если бы стрелка была прямой и указывала прямо вперед, тень можно было бы видеть по обе стороны от стрелки в равных количествах. Я попытался создать две тени, которые отличаются только своим горизонтальным положением, но так и не смог заставить их работать правильно.
Требование требует неразмытой тени, поэтому «увеличение» путем добавления размытия не вариант. Изображение не должно выглядеть реалистично.
У меня уже есть код, который создает увеличенную, смещенную по вертикали черную копию стрелки. Я надеюсь на более совершенное решение, так как это много кода и избыточных данных.
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg id="785849135" width="960pt" height="720pt"
viewBox="160 0 960 720"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
<defs>
<filter id='drop-shadow'>
<!-- Shadow Offset -->
<!-- EDIT: dx and dy to change the size of the shadow -->
<feOffset
dx='-4'
dy='4'
/>
<!-- Shadow Blur -->
<!-- EDIT: edit stdDeviation to change the shadow blurriness -->
<!-- "0" is no blur -->
<feGaussianBlur
stdDeviation='0'
result='offset-blur'
/>
<!-- Color & Opacity -->
<feFlood
flood-color='black'
flood-opacity='1'
result='color'
/>
<!-- Clip color inside shadow -->
<feComposite
operator='in'
in='color'
in2='offset-blur'
result='shadow'
/>
<!-- Put original object over shadow -->
<feComposite
operator='over'
in='SourceGraphic'
in2='shadow'
/>
</filter>
</defs>
<g filter='url(#drop-shadow)'>
<path fill="#654114" stroke="#654114" stroke-width="0.0" d="M547.71777 390.23407 L 527.47506 392.82273 540.08449 392.79837 539.86309 393.17777 426.68945 586.88612 399.23955 630.62126 361.53130 686.78918 337.97979 720.00000 362.91010 720.00000 391.19683 720.00000 410.65441 686.73793 441.43435 630.48495 463.47400 586.70712 552.51368 393.15324 552.68787 392.77403 565.28519 392.74969 547.71777 390.23407 z"/>
</g>
</svg>