	<radialGradient id="brim_1_" cx="178.6103" cy="90.8516" r="177.3905" gradientTransform="matrix(-0.9856 0.1689 -9.165681e-02 -0.535 362.9829 109.296)" gradientUnits="userSpaceOnUse">
		<stop  offset="0.476" style="stop-color:#F3EFE9"/>
		<stop  offset="0.5676" style="stop-color:#EEEAE3"/>
		<stop  offset="0.6878" style="stop-color:#E1DBD2"/>
		<stop  offset="0.8239" style="stop-color:#CDC5B7"/>
		<stop  offset="0.9626" style="stop-color:#B4AA98"/>
	</radialGradient>
	<path id="brim_4_" class="st1" d="M2.9,127.8c0,0-20.6-40,47.4-62.4C82.1,54.9,119.4,48,152.7,46.8c38-1.3,71.7,5.3,86.4,27.7
		c10.6,16.2,4.2,36-16.3,51.4c-12.3,9.2-39.3,18.4-57.3,23.6c-18,5.1-53.3,12-82.2,10.4S18.5,154.1,2.9,127.8z"/>
	<path id="brim_hl" class="st2" d="M2.9,127.8c0,0-20.6-40,47.4-62.4C82.1,54.9,119.4,48,152.7,46.8c38-1.3,71.7,5.3,86.4,27.7
		c10.6,16.2,4.2,36-16.3,51.4c-12.3,9.2-39.3,18.4-57.3,23.6c-18,5.1-53.3,12-82.2,10.4S18.5,154.1,2.9,127.8z M83.9,158.7
		c28.2,1.6,62.6-5.2,80.1-10.2c17.5-5,44.2-13.6,56.2-22.6c20-15,28.1-33.7,16.9-50.9c-14.2-22-48.7-28.8-85.7-27.5
		c-32.4,1.1-68.8,8.8-99.8,19c-66.3,21.9-46.2,60.9-46.2,60.9C20.7,153,55.7,157.1,83.9,158.7z"/>
	<linearGradient id="crown_1_" gradientUnits="userSpaceOnUse" x1="53.662" y1="47.5795" x2="197.0659" y2="58.4252">
		<stop  offset="9.389630e-02" style="stop-color:#D7D0C6"/>
		<stop  offset="0.2485" style="stop-color:#CDC7BB"/>
		<stop  offset="0.4006" style="stop-color:#C7C2B5"/>
		<stop  offset="0.5248" style="stop-color:#CBC6BA"/>
		<stop  offset="0.6688" style="stop-color:#D7D1C7"/>
		<stop  offset="0.7801" style="stop-color:#E6DFD6"/>
		<stop  offset="0.8921" style="stop-color:#E7E3D9"/>
		<stop  offset="0.9337" style="stop-color:#E5DFD3"/>
		<stop  offset="0.9795" style="stop-color:#DFD5C6"/>
	</linearGradient>
	<path id="crown_4_" class="st3" d="M57.3,95.9c-5.9-4.3-14.2-25.4-11-30c3.2-4.6,8-14.2,10.7-23.6C59.7,33,63.5,13.2,71,6.2
		c7.5-7,18.7-7,33.5-5.4c14.7,1.6,57.8,9.4,68.3,13.1c10.4,3.7,24,10.7,23.2,27c-0.8,16.3,0.7,24.4-1.2,33.5
		c-1.9,9.1-21.7,26.8-46.6,28.1C123.2,104,63.2,100.2,57.3,95.9z"/>

	<radialGradient id="side-dent_1_" cx="110.123" cy="23.7713" r="53.7674" gradientTransform="matrix(8.815892e-02 0.9961 -2.6842 0.2376 164.222 -91.5701)" gradientUnits="userSpaceOnUse">
		<stop  offset="6.710740e-02" style="stop-color:#B2A797"/>
		<stop  offset="0.2897" style="stop-color:#C7BDAE"/>
		<stop  offset="0.4806" style="stop-color:#D6CEBF"/>
		<stop  offset="0.6881" style="stop-color:#E2DCD0"/>
		<stop  offset="0.9423" style="stop-color:#F7F5EE"/>
	</radialGradient>
	<path id="side-dent_2_" class="st4" d="M127.8,75.8c0,0,25.7-3.4,41.2-17.9c15.5-14.5,1.8-24.9-2.4-27.5
		c-4.2-2.6-18.3-9.4-40.6-8.4c-22.3,1-44.3,1.2-42.8,17.7C84.7,56.1,102.7,75.8,127.8,75.8z"/>
	<linearGradient id="gutter-dent_1_" gradientUnits="userSpaceOnUse" x1="69.277" y1="15.553" x2="177.0614" y2="15.553">
		<stop  offset="5.596680e-02" style="stop-color:#F7F5EE"/>
		<stop  offset="0.2258" style="stop-color:#E6E1D6"/>
		<stop  offset="0.4305" style="stop-color:#D8D1C3"/>
		<stop  offset="0.6393" style="stop-color:#D0C8B9"/>
		<stop  offset="0.8566" style="stop-color:#CEC5B5"/>
	</linearGradient>
	<path id="gutter-dent_2_" class="st5" d="M71,26.2c-2.8-1.8-3.2-11.6,7.2-18.3c10.4-6.6,37.2-2.6,54.6,1.6
		c17.5,4.2,45.7,10.1,44.2,11.7c-1.5,1.5-43.5-3.6-62.7-2.6C88.2,20,75.4,29,71,26.2z"/>
	<linearGradient id="ribbon_1_" gradientUnits="userSpaceOnUse" x1="42.4698" y1="94.5299" x2="196.3752" y2="94.5299">
		<stop  offset="1.840490e-02" style="stop-color:#262222"/>
		<stop  offset="9.587801e-02" style="stop-color:#2F2C2C"/>
		<stop  offset="0.2998" style="stop-color:#424143"/>
		<stop  offset="0.4017" style="stop-color:#4A4A4C"/>
		<stop  offset="0.514" style="stop-color:#4A4A4C"/>
		<stop  offset="0.7797" style="stop-color:#383536"/>
		<stop  offset="1" style="stop-color:#262222"/>
	</linearGradient>
	<path id="ribbon_5_" class="st6" d="M195.6,71.7c-0.3,0-0.4,0.9-0.8,1.4c-3.3,5.4-13.1,14.6-35.4,14.6c-19.8,0-51.1,0-60.6,0
		c-38.2,0-49.3-10.3-52.1-17.7c-0.2-0.7-0.5-1.6-0.8-1.6c-0.3,0-0.5,1.6-0.5,1.6l-2.9,27.7c0,12.7,32.9,23,75.2,23
		c42.3,0,78.6-6,78.6-23c0,0,0.2-16.9,0.1-24.4C196.4,72.5,196.3,71.7,195.6,71.7z"/>
</g>

Sinatra SVG Logo

The Sinatra logo in SVG. It stays sharp at any size, so the same file works for a favicon or a billboard. Download it below or copy the code.

Format: SVG (vector)
Scaling: Any size, lossless
viewBox: 0 0 256 174
Price: Free

About the Sinatra logo

This is the Sinatra logo as an SVG you can use right away. It's a vector, so it stays sharp whether you render it at 16 pixels or blow it up to fill the screen, and the file stays small either way. Paste it into React, Vue, plain HTML, or a design tool like Figma.

How to use it

Copy the code and paste it inline in your HTML or component, then style it with CSS.
Or download the .svg file and use it like any other image.
To recolour it, set fill (or use currentColor) so it matches your palette.

The Sinatra name and logo are trademarks of Sinatra. They're here so you can find and reference the brand. Check Sinatra's brand guidelines before using them in your own work.

Frequently asked questions

Is the Sinatra SVG logo free to download?

Yes, it's completely free to download and use. You don't need an account or an email. Download the SVG or copy the markup straight into your project.

What format is the Sinatra logo in?

It's an SVG (Scalable Vector Graphic). SVG files stay sharp at any size, weigh very little, and you can restyle them with CSS.

How do I add the Sinatra logo to my project?

Hit "Copy code" to grab the markup and paste it inline, or "Download SVG" to save the file and use it like any other image.

Can I use the Sinatra logo commercially?

The Sinatra logo is a trademark of Sinatra. You can use it to reference or link to the brand, but check Sinatra's brand and trademark guidelines before you use it commercially.

Explore more logos