Skip to content

Commit

Permalink
feat(Icon): updated with new svg's for logo
Browse files Browse the repository at this point in the history
  • Loading branch information
@shani-terminus @benjamincharity
shani-terminus authored and benjamincharity committed Feb 28, 2019
1 parent 8b47382 commit 21896b2
Show file tree
Hide file tree
Showing 3 changed files with 18 additions and 15 deletions.
6 changes: 3 additions & 3 deletions terminus-ui/icon/src/custom-icons/logo.ts
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
// tslint:disable: max-line-length
export const LOGO_ICON = `
<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<path d="M7.95132809,10.2081825 L11.5080084,8.95561536 C11.6578126,8.89933366 11.8169796,9.01309453 11.8169796,9.17714969 L11.8169796,19.7628984 C11.8169796,19.893424 11.7139892,19.9988025 11.5864216,19.9988025 L8.03091159,19.9988025 C7.90334392,19.9988025 7.80035351,19.893424 7.80035351,19.7628984 L7.80035351,10.4297168 C7.80035351,10.3315232 7.86121148,10.2429095 7.95132809,10.2081825 Z M0,13.1647677 L0,19.7640959 C0,19.8946215 0.102990414,20 0.230558086,20 L3.75329838,20 C3.88086605,20 3.98385646,19.8946215 3.98385646,19.7640959 L3.98385646,11.9469276 C3.98385646,11.7876624 3.83171153,11.6739015 3.68307764,11.7229983 L0.160337349,12.9420359 C0.0643690087,12.971973 0,13.0617842 0,13.1647677 Z M11.6905823,0.288234239 L11.9913611,1.7743105 L0.146293202,5.96789556 C0.057346935,6.00262256 0,6.09003881 0,6.18703493 L0,9.34120485 C0,9.50406252 0.156826312,9.61782339 0.30663055,9.56273918 L12.8223065,5.1464223 L13.0938267,6.36066995 C13.1347888,6.54508231 13.3606655,6.60735142 13.4870628,6.46844341 L17.9378872,1.56954092 C18.0607735,1.43422536 17.9917231,1.21508599 17.8150009,1.17796402 L11.9609322,0.00443079495 C11.7970838,-0.0279012429 11.6543016,0.121784118 11.6905823,0.288234239 Z" transform="translate(3 2)"/>
</svg>
<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<path d="M12.5094828,12.1879106 L15.8689156,11.0607065 C16.0108355,11.0099402 16.1612661,11.112335 16.1612661,11.2597834 L16.1612661,20.787989 C16.1612661,20.9050424 16.0638896,21 15.9438546,21 L12.5844218,21 C12.4643868,21 12.3670104,20.9050424 12.3670104,20.787989 L12.3670104,12.3868797 C12.3670104,12.297958 12.4238225,12.2185213 12.5094828,12.1879106 Z M5.00011053,14.848341 L5.00011053,20.7878813 C5.00011053,20.9049346 5.09748699,20.9998922 5.217522,20.9998922 L8.5444591,20.9998922 C8.66449411,20.9998922 8.76187057,20.9049346 8.76187057,20.7878813 L8.76187057,13.7516396 C8.76187057,13.6079637 8.61829279,13.5058923 8.47803089,13.5497604 L5.15109379,14.6465695 C5.0611228,14.6745933 5.00011053,14.7561857 5.00011053,14.848341 Z M16.0412311,3.25876793 L16.3248497,4.59658186 L5.13871449,8.37031222 C5.05504368,8.40200069 5,8.48046737 5,8.56798791 L5,11.4070162 C5,11.5532789 5.14833055,11.6556737 5.28980828,11.6069553 L17.1097195,7.63199241 L17.36659,8.72524464 C17.4056069,8.89112408 17.6189287,8.94684837 17.7377479,8.82225016 L21.9416259,4.41281028 C22.0573502,4.2914456 21.9919168,4.09333877 21.8253489,4.06057246 L16.2962226,3.00429011 C16.1418129,2.97400283 16.0066353,3.1088405 16.0412311,3.25876793 Z"/>
</svg>
`;
25 changes: 14 additions & 11 deletions terminus-ui/icon/src/custom-icons/logo_color.ts
View file
Original file line number Diff line number Diff line change
@@ -1,14 +1,17 @@
// tslint:disable: max-line-length
export const LOGO_COLOR_ICON = `
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<defs>
<radialGradient id="terminus-mark-2019-gradient-a" cx="44.984%" cy="44.749%" r="81.014%" fx="44.984%" fy="44.749%" gradientTransform="matrix(.76308 .58475 -.6463 .6904 .396 -.125)">
<stop offset="0%" stop-color="#0098CE"/>
<stop offset="28.89%" stop-color="#0072C6"/>
<stop offset="57.81%" stop-color="#0065AC"/>
<stop offset="100%" stop-color="#00538A"/>
</radialGradient>
</defs>
<path fill="url(#terminus-mark-2019-gradient-a)" d="M11.1501981,11.3749758 L14.6917968,10.0158689 C14.8414123,9.95465843 15,10.0781191 15,10.2559024 L15,21.7443715 C15,21.8855065 14.8973433,22 14.7707993,22 L11.2292007,22 C11.1026567,22 11,21.8855065 11,21.7443715 L11,11.6148794 C11,11.5076635 11.0598928,11.4118841 11.1501981,11.3749758 Z M3,14.5789632 L3,21.7442367 C3,21.8854461 3.10354352,22 3.23118058,22 L6.76881942,22 C6.89645648,22 7,21.8854461 7,21.7442367 L7,13.2559374 C7,13.0826113 6.84732914,12.9594756 6.69818417,13.0123967 L3.16054534,14.3355525 C3.0648763,14.3693595 3,14.46779 3,14.5789632 Z M15.3401994,1.30022169 L15.6571849,2.85234899 L3.15503384,7.23061846 C3.0615194,7.26738332 3,7.35842011 3,7.45996115 L3,10.7537924 C3,10.9234859 3.1657812,11.0422839 3.32390337,10.9857611 L16.5343923,6.37402227 L16.8214829,7.64240989 C16.86509,7.83486267 17.1035086,7.8995138 17.2363065,7.75495537 L21.9347583,2.63913782 C22.0640973,2.49833091 21.9909658,2.26848802 21.8048017,2.23047265 L15.6251899,1.00497737 C15.4526144,0.969838169 15.3015336,1.12627639 15.3401994,1.30022169 Z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<defs>
<radialGradient id="terminus-mark-icon-gradient-a" cx="44.984%" cy="44.749%" r="79.61%" fx="44.984%" fy="44.749%" gradientTransform="matrix(.77654 .59506 -.63007 .7334 .382 -.149)">
<stop offset="0%" stop-color="#0098CE"/>
<stop offset="28.89%" stop-color="#0072C6"/>
<stop offset="57.81%" stop-color="#0065AC"/>
<stop offset="100%" stop-color="#00538A"/>
</radialGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24"/>
<path fill="url(#terminus-mark-icon-gradient-a)" fill-rule="nonzero" d="M12.5094828,12.1879106 L15.8689156,11.0607065 C16.0108355,11.0099402 16.1612661,11.112335 16.1612661,11.2597834 L16.1612661,20.787989 C16.1612661,20.9050424 16.0638896,21 15.9438546,21 L12.5844218,21 C12.4643868,21 12.3670104,20.9050424 12.3670104,20.787989 L12.3670104,12.3868797 C12.3670104,12.297958 12.4238225,12.2185213 12.5094828,12.1879106 Z M5.00011053,14.848341 L5.00011053,20.7878813 C5.00011053,20.9049346 5.09748699,20.9998922 5.217522,20.9998922 L8.5444591,20.9998922 C8.66449411,20.9998922 8.76187057,20.9049346 8.76187057,20.7878813 L8.76187057,13.7516396 C8.76187057,13.6079637 8.61829279,13.5058923 8.47803089,13.5497604 L5.15109379,14.6465695 C5.0611228,14.6745933 5.00011053,14.7561857 5.00011053,14.848341 Z M16.0412311,3.25876793 L16.3248497,4.59658186 L5.13871449,8.37031222 C5.05504368,8.40200069 5,8.48046737 5,8.56798791 L5,11.4070162 C5,11.5532789 5.14833055,11.6556737 5.28980828,11.6069553 L17.1097195,7.63199241 L17.36659,8.72524464 C17.4056069,8.89112408 17.6189287,8.94684837 17.7377479,8.82225016 L21.9416259,4.41281028 C22.0573502,4.2914456 21.9919168,4.09333877 21.8253489,4.06057246 L16.2962226,3.00429011 C16.1418129,2.97400283 16.0066353,3.1088405 16.0412311,3.25876793 Z"/>
</g>
</svg>
`;
2 changes: 1 addition & 1 deletion terminus-ui/icon/src/icon.component.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ import { LOGO_COLOR_ICON } from './custom-icons/logo_color';
* Currently supported custom icons
*/
export type TS_CUSTOM_ICON
= 'csv'
= `csv`
| `engage`
| `lightbulb`
| `logo`
Expand Down

0 comments on commit 21896b2

Please sign in to comment.