Ribbon Editor

0

500

1000

Columns

color

opacity

width

center

controls

Generated svg text

Paste into a text file and rename to award.svg, or paste directly into the SVG Text field of an Award.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 280"><line stroke="white" stroke-width="9.655172413793103" x1="0" y1="4.827586206896552" x2="25" y2="4.827586206896552"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="25" y1="4.827586206896552" x2="975" y2="4.827586206896552"/><line stroke="white" stroke-width="9.655172413793103" x1="975" y1="4.827586206896552" x2="1000" y2="4.827586206896552"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="0" y1="14.482758620689655" x2="25" y2="14.482758620689655"/><line stroke="white" stroke-width="9.655172413793103" x1="25" y1="14.482758620689655" x2="975" y2="14.482758620689655"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="975" y1="14.482758620689655" x2="1000" y2="14.482758620689655"/><line stroke="white" stroke-width="9.655172413793103" x1="0" y1="24.137931034482758" x2="25" y2="24.137931034482758"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="25" y1="24.137931034482758" x2="975" y2="24.137931034482758"/><line stroke="white" stroke-width="9.655172413793103" x1="975" y1="24.137931034482758" x2="1000" y2="24.137931034482758"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="0" y1="33.79310344827586" x2="25" y2="33.79310344827586"/><line stroke="white" stroke-width="9.655172413793103" x1="25" y1="33.79310344827586" x2="975" y2="33.79310344827586"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="975" y1="33.79310344827586" x2="1000" y2="33.79310344827586"/><line stroke="white" stroke-width="9.655172413793103" x1="0" y1="43.44827586206896" x2="25" y2="43.44827586206896"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="25" y1="43.44827586206896" x2="975" y2="43.44827586206896"/><line stroke="white" stroke-width="9.655172413793103" x1="975" y1="43.44827586206896" x2="1000" y2="43.44827586206896"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="0" y1="53.103448275862064" x2="25" y2="53.103448275862064"/><line stroke="white" stroke-width="9.655172413793103" x1="25" y1="53.103448275862064" x2="975" y2="53.103448275862064"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="975" y1="53.103448275862064" x2="1000" y2="53.103448275862064"/><line stroke="white" stroke-width="9.655172413793103" x1="0" y1="62.75862068965517" x2="25" y2="62.75862068965517"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="25" y1="62.75862068965517" x2="975" y2="62.75862068965517"/><line stroke="white" stroke-width="9.655172413793103" x1="975" y1="62.75862068965517" x2="1000" y2="62.75862068965517"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="0" y1="72.41379310344827" x2="25" y2="72.41379310344827"/><line stroke="white" stroke-width="9.655172413793103" x1="25" y1="72.41379310344827" x2="975" y2="72.41379310344827"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="975" y1="72.41379310344827" x2="1000" y2="72.41379310344827"/><line stroke="white" stroke-width="9.655172413793103" x1="0" y1="82.06896551724137" x2="25" y2="82.06896551724137"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="25" y1="82.06896551724137" x2="975" y2="82.06896551724137"/><line stroke="white" stroke-width="9.655172413793103" x1="975" y1="82.06896551724137" x2="1000" y2="82.06896551724137"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="0" y1="91.72413793103448" x2="25" y2="91.72413793103448"/><line stroke="white" stroke-width="9.655172413793103" x1="25" y1="91.72413793103448" x2="975" y2="91.72413793103448"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="975" y1="91.72413793103448" x2="1000" y2="91.72413793103448"/><line stroke="white" stroke-width="9.655172413793103" x1="0" y1="101.37931034482759" x2="25" y2="101.37931034482759"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="25" y1="101.37931034482759" x2="975" y2="101.37931034482759"/><line stroke="white" stroke-width="9.655172413793103" x1="975" y1="101.37931034482759" x2="1000" y2="101.37931034482759"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="0" y1="111.0344827586207" x2="25" y2="111.0344827586207"/><line stroke="white" stroke-width="9.655172413793103" x1="25" y1="111.0344827586207" x2="975" y2="111.0344827586207"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="975" y1="111.0344827586207" x2="1000" y2="111.0344827586207"/><line stroke="white" stroke-width="9.655172413793103" x1="0" y1="120.68965517241381" x2="25" y2="120.68965517241381"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="25" y1="120.68965517241381" x2="975" y2="120.68965517241381"/><line stroke="white" stroke-width="9.655172413793103" x1="975" y1="120.68965517241381" x2="1000" y2="120.68965517241381"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="0" y1="130.34482758620692" x2="25" y2="130.34482758620692"/><line stroke="white" stroke-width="9.655172413793103" x1="25" y1="130.34482758620692" x2="975" y2="130.34482758620692"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="975" y1="130.34482758620692" x2="1000" y2="130.34482758620692"/><line stroke="white" stroke-width="9.655172413793103" x1="0" y1="140.00000000000003" x2="25" y2="140.00000000000003"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="25" y1="140.00000000000003" x2="975" y2="140.00000000000003"/><line stroke="white" stroke-width="9.655172413793103" x1="975" y1="140.00000000000003" x2="1000" y2="140.00000000000003"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="0" y1="149.65517241379314" x2="25" y2="149.65517241379314"/><line stroke="white" stroke-width="9.655172413793103" x1="25" y1="149.65517241379314" x2="975" y2="149.65517241379314"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="975" y1="149.65517241379314" x2="1000" y2="149.65517241379314"/><line stroke="white" stroke-width="9.655172413793103" x1="0" y1="159.31034482758625" x2="25" y2="159.31034482758625"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="25" y1="159.31034482758625" x2="975" y2="159.31034482758625"/><line stroke="white" stroke-width="9.655172413793103" x1="975" y1="159.31034482758625" x2="1000" y2="159.31034482758625"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="0" y1="168.96551724137936" x2="25" y2="168.96551724137936"/><line stroke="white" stroke-width="9.655172413793103" x1="25" y1="168.96551724137936" x2="975" y2="168.96551724137936"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="975" y1="168.96551724137936" x2="1000" y2="168.96551724137936"/><line stroke="white" stroke-width="9.655172413793103" x1="0" y1="178.62068965517247" x2="25" y2="178.62068965517247"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="25" y1="178.62068965517247" x2="975" y2="178.62068965517247"/><line stroke="white" stroke-width="9.655172413793103" x1="975" y1="178.62068965517247" x2="1000" y2="178.62068965517247"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="0" y1="188.27586206896558" x2="25" y2="188.27586206896558"/><line stroke="white" stroke-width="9.655172413793103" x1="25" y1="188.27586206896558" x2="975" y2="188.27586206896558"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="975" y1="188.27586206896558" x2="1000" y2="188.27586206896558"/><line stroke="white" stroke-width="9.655172413793103" x1="0" y1="197.9310344827587" x2="25" y2="197.9310344827587"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="25" y1="197.9310344827587" x2="975" y2="197.9310344827587"/><line stroke="white" stroke-width="9.655172413793103" x1="975" y1="197.9310344827587" x2="1000" y2="197.9310344827587"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="0" y1="207.5862068965518" x2="25" y2="207.5862068965518"/><line stroke="white" stroke-width="9.655172413793103" x1="25" y1="207.5862068965518" x2="975" y2="207.5862068965518"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="975" y1="207.5862068965518" x2="1000" y2="207.5862068965518"/><line stroke="white" stroke-width="9.655172413793103" x1="0" y1="217.2413793103449" x2="25" y2="217.2413793103449"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="25" y1="217.2413793103449" x2="975" y2="217.2413793103449"/><line stroke="white" stroke-width="9.655172413793103" x1="975" y1="217.2413793103449" x2="1000" y2="217.2413793103449"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="0" y1="226.89655172413802" x2="25" y2="226.89655172413802"/><line stroke="white" stroke-width="9.655172413793103" x1="25" y1="226.89655172413802" x2="975" y2="226.89655172413802"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="975" y1="226.89655172413802" x2="1000" y2="226.89655172413802"/><line stroke="white" stroke-width="9.655172413793103" x1="0" y1="236.55172413793113" x2="25" y2="236.55172413793113"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="25" y1="236.55172413793113" x2="975" y2="236.55172413793113"/><line stroke="white" stroke-width="9.655172413793103" x1="975" y1="236.55172413793113" x2="1000" y2="236.55172413793113"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="0" y1="246.20689655172424" x2="25" y2="246.20689655172424"/><line stroke="white" stroke-width="9.655172413793103" x1="25" y1="246.20689655172424" x2="975" y2="246.20689655172424"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="975" y1="246.20689655172424" x2="1000" y2="246.20689655172424"/><line stroke="white" stroke-width="9.655172413793103" x1="0" y1="255.86206896551735" x2="25" y2="255.86206896551735"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="25" y1="255.86206896551735" x2="975" y2="255.86206896551735"/><line stroke="white" stroke-width="9.655172413793103" x1="975" y1="255.86206896551735" x2="1000" y2="255.86206896551735"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="0" y1="265.51724137931046" x2="25" y2="265.51724137931046"/><line stroke="white" stroke-width="9.655172413793103" x1="25" y1="265.51724137931046" x2="975" y2="265.51724137931046"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="975" y1="265.51724137931046" x2="1000" y2="265.51724137931046"/><line stroke="white" stroke-width="9.655172413793103" x1="0" y1="275.17241379310354" x2="25" y2="275.17241379310354"/><line stroke="#bfbfbf" stroke-width="9.655172413793103" x1="25" y1="275.17241379310354" x2="975" y2="275.17241379310354"/><line stroke="white" stroke-width="9.655172413793103" x1="975" y1="275.17241379310354" x2="1000" y2="275.17241379310354"/></svg>

xs

sm

md

lg

xl

xxl