Skip to content

Instantly share code, notes, and snippets.

@s-fernandez-v
Created January 30, 2020 18:04
Show Gist options
  • Save s-fernandez-v/d9e4eed86566306607264c2bc2d29e07 to your computer and use it in GitHub Desktop.
Save s-fernandez-v/d9e4eed86566306607264c2bc2d29e07 to your computer and use it in GitHub Desktop.
Button: Graphical content
<Grid
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
<Button Padding="0">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<Border Background="#20000000" Padding="11">
<Path Fill="{Binding Foreground, RelativeSource={RelativeSource AncestorType={x:Type Button}}}" Width="18" Height="18" Stretch="Uniform" Data="m494.92 97.14c-9.49-10.84-23.02-16.81-38.09-16.81h-364.42l-3.66-27.5c-3.95-29.62-24.57-52.83-46.95-52.83h-26.77c-8.28 0-15 6.71-15 15s6.71 15 15 15h26.77c4.81 0 15.00 10.17 17.21 26.79l42.93 322.03c1.89 14.19 9.18 27.48 20.53 37.42 8.41 7.37 18.36 12.27 28.78 14.32-4.24 7.80-6.66 16.75-6.66 26.25 0 30.42 24.75 55.16 55.16 55.16s55.16-24.74 55.16-55.16c0-9.06-2.21-17.61-6.10-25.16h78.60c-3.89 7.55-6.10 16.10-6.10 25.16 0 30.42 24.75 55.16 55.16 55.16s55.16-24.74 55.16-55.16c0-9.06-2.21-17.61-6.10-25.16h39.30c8.28 0 15-6.71 15-15 0-8.28-6.71-15-15-15h-302.58c-14.65 0-28.67-12.27-30.60-26.80l-3.13-23.53h116.74c.00 0 .00.003907.01.003907.00 0 .00-.00.015626-.00h96.36c.00 0 .00.003907.01.003907.00 0 .00-.00.007812-.00h83.00c14.32 0 28.45-5.47 39.80-15.40 11.35-9.93 18.64-23.23 20.53-37.42l21.51-161.36c1.99-14.94-2.13-29.14-11.62-39.98zm-269.99 359.68c0 13.87-11.28 25.16-25.16 25.16-13.87 0-25.16-11.28-25.16-25.16 0-13.87 11.29-25.16 25.16-25.16 13.87 0 25.16 11.28 25.16 25.16zm176.73 0c0 13.87-11.28 25.16-25.16 25.16s-25.16-11.28-25.16-25.16c0-13.87 11.28-25.16 25.16-25.16s25.16 11.28 25.16 25.16zm70.68-339.92c3.71 4.24 5.30 10.01 4.46 16.25l-9.01 67.66h-102.06l6.03-90.5h85.06c6.30 0 11.81 2.33 15.52 6.57zm-213.01 204.42-6.03-90.5h80.37l-6.03 90.5zm-8.03-120.5-6.03-90.5h96.43l-6.03 90.5zm-36.09-90.5 6.03 90.5h-112.76l-12.06-90.5zm-102.73 120.5h110.76l6.03 90.5h-104.73zm312.23 90.5h-66.99l6.03-90.5h100.06l-8.49 63.70c-1.93 14.52-15.95 26.79-30.60 26.79zm0 0"/>
</Border>
<TextBlock Grid.Column="1" Text="ADD TO CART" VerticalAlignment="Center" Margin="10"/>
</Grid>
</Button>
<Button Margin="10,0,0,0" Padding="0" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch">
<Border BorderBrush="#80808080" BorderThickness="2" CornerRadius="1">
<Viewbox Width="36" Height="32" VerticalAlignment="Bottom">
<Canvas Width="510" Height="510">
<Path Fill="#FFE6AF78" Data="M335.44,361.93 L335.44,300.15 L176.55,300.15 L176.55,361.93 L256.00,432.55 z"/>
<Path Fill="#FFEFF2FA" Data="M458.28 390.84l-109.22-25.70c-1.65-0.38-3.16-1.04-4.58-1.84l-88.46 51.60L170.98 360.8 c-2.20 2.07-4.93 3.61-8.03 4.34L53.71 390.84c-15.95 3.75-27.22 17.98-27.22 34.37v69.13 c0 9.75 7.90 17.65 17.65 17.65h423.70c9.75 0 17.65-7.90 17.65-17.65v-69.13 C485.50 408.82 474.23 394.59 458.28 390.84z"/>
<Path Fill="#FFD29B6E" Data="M176.55 300.15v65.19c100.07 36.05 158.88-54.18 158.88-54.18v-11.00H176.55V300.15z"/>
<Path Fill="#FFF0C087" Data="M141.24 97.12l7.69 169.22c0.71 15.80 8.47 30.47 21.13 39.96l36.49 27.37 c9.16 6.87 20.31 10.59 31.77 10.59h35.30c11.46 0 22.61-3.71 31.77-10.59l36.49-27.37 c12.66-9.49 20.41-24.15 21.13-39.96l7.69-169.22C370.75 97.12 141.24 97.12 141.24 97.12z"/>
<Path Fill="#FFE6AF78" Data="M229.52 132.43c35.30 0 88.27-8.82 100.83-35.30H141.24l7.69 169.22 c0.71 15.80 8.47 30.46 21.13 39.96l36.49 27.37c9.16 6.87 20.31 10.59 31.77 10.59h17.65 c-17.65 0-52.96-35.30-52.96-79.44c0-21.58 0-79.44 0-105.92C203.03 150.08 211.86 132.43 229.52 132.43z"/>
<Path Fill="#FFE4EAF6" Data="M91.3 454.71l-57.19-51.38c-4.79 6.06-7.60 13.70-7.60 21.88v69.13 c0 9.75 7.90 17.65 17.65 17.65h61.79v-24.45C105.94 475.02 100.61 463.08 91.3 454.71z"/>
<Path Fill="#FFE4EAF6" Data="M420.70 454.71l57.19-51.38c4.79 6.06 7.60 13.70 7.60 21.88v69.13 c0 9.75-7.90 17.65-17.65 17.65h-61.79v-24.45C406.06 475.02 411.38 463.08 420.70 454.71z"/>
<Path Fill="#FF5B5D6E" Data="M278.07,512.00 L233.93,512.00 L239.45,432.55 L272.55,432.55 z"/>
<Path Fill="#FF515262" Data="M278.07 414.90h-44.13v16.61c0 5.45 4.41 9.86 9.86 9.86H268.2 c5.45 0 9.86-4.41 9.86-9.86v-16.61H278.07z"/>
<Path Fill="#FFE4EAF6" Data="M175.31 342.28l80.68 72.61c0 0-22.59 11.40-50.48 34.39 c-5.75 4.74-14.45 2.82-17.53-3.96l-37.90-83.39l11.99-17.98C165.05 339.47 171.31 338.68 175.31 342.28z"/>
<Path Fill="#FFE4EAF6" Data="M336.68 342.28l-80.68 72.61c0 0 22.59 11.40 50.48 34.39 c5.75 4.74 14.45 2.82 17.53-3.96l37.90-83.39l-11.99-17.98C346.95 339.47 340.68 338.68 336.68 342.28z"/>
<Path Fill="#FF785550" Data="M309.51 38.64l8.27 58.48c37.77 7.55 43.21 66.83 44.00 83.76 c0.14 3.07 1.12 6.04 2.79 8.62l14.41 22.35c0 0-4.93-36.96 17.65-61.79C396.65 150.08 404.40 3.33 309.51 38.64z"/>
<Path Fill="#FFF0C087" Data="M387.85 208.11l-9.96 39.86c-1.18 4.72-5.42 8.03-10.29 8.03l0 0 c-5.35 0-9.86-3.98-10.53-9.29l-5.09-40.77c-1.36-10.91 7.14-20.55 18.14-20.55h0.00 C382.00 185.39 390.73 196.57 387.85 208.11z"/>
<Path Fill="#FF694B4B" Data="M149.70 22.83l13.05 8.91c-59.03 43.58-47.99 118.33-47.99 118.33 c17.65 17.65 17.65 61.79 17.65 61.79l17.65-17.65c0 0-6.81-50.99 26.48-70.61c30.89-18.20 57.92-8.82 85.51-8.82 c73.92 0 94.61-27.86 91.03-61.79c-1.85-17.55-28.69-54.12-97.09-52.96C228.39 0.49 176.55 8.85 149.70 22.83z"/>
<Path Fill="#FF5A4146" Data="M144.55 107.05c0 0-9.37-36.96 18.20-75.30c-59.03 43.58-47.99 118.33-47.99 118.33 c17.65 17.65 17.65 61.79 17.65 61.79l17.65-17.65c0 0-6.81-50.99 26.48-70.61c30.89-18.20 57.92-8.82 85.51-8.82 c12.02 0 22.5-0.80 31.83-2.18C236.96 114.50 203.40 71.38 144.55 107.05z"/>
<Path Fill="#FFE6AF78" Data="M124.15 208.11l9.96 39.86c1.18 4.72 5.42 8.03 10.29 8.03l0 0 c5.35 0 9.86-3.98 10.53-9.29l5.09-40.77c1.36-10.91-7.14-20.55-18.14-20.55h-0.00 C129.99 185.39 121.26 196.57 124.15 208.11z"/>
<Path Fill="#FFE4EAF6" Data="M370.75 494.34h-61.79c-4.87 0-8.82 3.95-8.82 8.82v8.82h79.44v-8.82 C379.58 498.29 375.62 494.34 370.75 494.34z"/>
</Canvas>
</Viewbox>
</Border>
</Button>
</StackPanel>
</Grid>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment