diff --git a/app/styles/app/modules/icons.sass b/app/styles/app/modules/icons.sass
index cea8b89a..64f91cad 100644
--- a/app/styles/app/modules/icons.sass
+++ b/app/styles/app/modules/icons.sass
@@ -9,12 +9,6 @@
   height: 1em
   @extend %icon
 
-.icon-cog,
-.icon--cog
-  background-image: inline-image('svg/settings_gray.svg')
-  &:hover
-    background-image: inline-image('svg/settings_teal.svg')
-
 .icon-api,
 .icon.api
   background-image: inline-image('svg/api-white.svg')
@@ -150,6 +144,16 @@
 %icon-line-cog-teal
   background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14.2 15"><style>.st0{fill:%2340a3ad;}</style><path class="st0" d="M7.9 15H6.3c-.9 0-1.6-.7-1.6-1.6v-.9c-.2-.1-.4-.2-.5-.3l-.7.4c-.8.5-1.8.2-2.3-.6l-.8-1.4c-.6-.7-.4-1.7.4-2.2l.8-.4v-.5-.4l-.8-.4c-.4-.2-.6-.6-.8-1-.1-.4 0-.9.2-1.3L1.1 3c.2-.4.6-.6 1-.8.4-.1.9-.1 1.2.2l.7.5c.2-.1.4-.3.6-.4v-.9C4.7.7 5.4 0 6.3 0h1.6c.9 0 1.6.7 1.6 1.6v.9c.2.1.4.2.5.3l.8-.5c.4-.2.8-.3 1.2-.2.4.1.8.4 1 .7l1 1.5c.5.8.2 1.8-.6 2.3l-.7.4v.9l.7.4c.8.5 1 1.5.6 2.2l-.8 1.5c-.2.4-.6.6-1 .8-.4.1-.9.1-1.2-.2l-.8-.4-.6.3v.9c0 .9-.8 1.6-1.7 1.6zm-3.7-4.4l.3.3c.3.3.7.4 1 .6l.4.2v1.7c0 .2.2.3.4.3h1.6c.2 0 .4-.2.4-.3v-1.7l.4-.2c.3-.2.9-.5 1.1-.6l.3-.3 1.5.9c.1.1.2 0 .3 0 .1 0 .2-.1.2-.2l.8-1.4c.1-.2 0-.4-.1-.5l-1.5-.9.1-.4c0-.2.1-.4.1-.6 0-.2 0-.5-.1-.7l-.1-.4 1.5-.9c.1-.1.2-.3.1-.5L12 3.6c-.1-.1-.2-.1-.2-.2h-.3l-1.5.9-.3-.2c-.2-.2-.7-.5-1-.6l-.4-.1V1.6c0-.2-.2-.3-.4-.3H6.3c-.2 0-.4.2-.4.3v1.7l-.4.2c-.3.2-.7.4-1 .6l-.4.3-1.5-.9c-.1-.1-.2 0-.3 0-.1 0-.2.1-.2.2l-.8 1.4c-.1.1 0 .2 0 .3 0 .1.1.2.2.2l1.5.8-.1.5c0 .2-.1.4-.1.6 0 .2 0 .5.1.7l.1.4-1.5.9c-.2.1-.2.3-.1.5l.8 1.4c.1.2.3.2.5.1l1.5-.9zm2.9-.4c-1.5 0-2.7-1.2-2.7-2.7s1.2-2.7 2.7-2.7c1.5 0 2.7 1.2 2.7 2.7s-1.2 2.7-2.7 2.7zm0-4.1c-.8 0-1.4.6-1.4 1.4s.6 1.4 1.4 1.4c.8 0 1.4-.6 1.4-1.4s-.6-1.4-1.4-1.4z" id="settingscog"/></svg>')
 
+.icon-settings
+  @extend %icon-line-cog
+  width: 1em
+  height: 1em
+  background:
+    repeat: no-repeat
+    position: 0 0
+  &:hover
+    @extend %icon-line-cog-teal
+
 %icon-line-dropdown
   background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 5.4"><style>.st0{fill:%238d8d8d;}</style><path class="st0" d="M0 .5C0 .4 0 .3.1.2c.2-.2.5-.2.7 0l4.8 4.2L10.3.2c.2-.2.5-.2.7 0 .2.2.2.5 0 .7L6 5.4c-.2.2-.4.2-.6 0L.2.8C.1.7 0 .6 0 .5z" id="tabarrow_1_"/></svg>')
 %icon-line-dropdown-teal
diff --git a/app/templates/components/hooks-list-item.hbs b/app/templates/components/hooks-list-item.hbs
index 1e2df72e..a667ba34 100644
--- a/app/templates/components/hooks-list-item.hbs
+++ b/app/templates/components/hooks-list-item.hbs
@@ -3,7 +3,7 @@
   {{#if hook.isSaving}}
     {{loading-indicator inline=true}}
   {{else}}
-    {{#link-to "settings" hook.ownerName hook.name class="profile-settings" title="Repository settings"}}<span class="icon icon--cog"></span>{{/link-to}}
+    {{#link-to "settings" hook.ownerName hook.name class="profile-settings" title="Go to Travis CI repo settings"}}<span class="icon-settings"></span>{{/link-to}}
   {{/if}}
 </div>
 <a href={{hook.urlGithub}} rel="nofollow" class="profile-repo">