New Twiddle

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  title: 'Heather'
});

templates.application.hbs

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 1920 1080" style="enable-background:new 0 0 1920 1080;" xml:space="preserve">
<style type="text/css">
	.st0{filter:url(#AI_Shadow_1);}
	.st1{fill:#00A202;}
	.st2{fill:#FFFFFF;}
	.st3{font-family:'MyriadPro-Regular';}
	.st4{font-size:59.091px;}
</style>
<filter  filterUnits="objectBoundingBox" id="AI_Shadow_1">
	<feGaussianBlur  in="SourceAlpha" result="blur" stdDeviation="2"></feGaussianBlur>
	<feOffset  dx="4" dy="4" in="blur" result="offsetBlurredAlpha"></feOffset>
	<feMerge>
		<feMergeNode  in="offsetBlurredAlpha"></feMergeNode>
		<feMergeNode  in="SourceGraphic"></feMergeNode>
	</feMerge>
</filter>
<g class="st0">
	<polygon class="st1" points="514,336 423,336 423,245 514,245 488,290.5 	"/>
</g>
<g class="st0">
	<polygon class="st1" points="167,336 258,336 258,245 167,245 193,290.5 	"/>
</g>
<g class="st0">
	<rect x="209" y="234" class="st1" width="259" height="91"/>
</g>
<text transform="matrix(1 0 0 1 249.9067 300.1055)" class="st2 st3 st4">{{title}}</text>
</svg>

twiddle.json

{
  "version": "0.13.1",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "2.16.2",
    "ember-template-compiler": "2.16.2",
    "ember-testing": "2.16.2"
  },
  "addons": {
    "ember-data": "2.16.3"
  }
}