generated from nl-design-system/example
-
Notifications
You must be signed in to change notification settings - Fork 12
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
17 changed files
with
321 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,35 @@ | ||
| import { Component, h } from '@stencil/core'; | ||
|
|
||
| @Component({ | ||
| tag: 'utrecht-icon-afval', | ||
| styleUrl: 'stencil.scss', | ||
| shadow: true, | ||
| }) | ||
| export class IconAfval { | ||
| render() { | ||
| return ( | ||
| <svg width="38" height="27" viewBox="0 0 38 27" fill="none" xmlns="http://www.w3.org/2000/svg"> | ||
| <path | ||
| d="M0.000253331 4.00088L0.864407 22.4411C0.86744 22.5131 0.897882 22.5812 0.949373 22.6311C1.00086 22.681 1.06944 22.7088 1.14073 22.7088H2.21654C2.86845 22.7994 3.46585 23.1259 3.89817 23.6279C4.33049 24.1298 4.56846 24.7733 4.56802 25.4391C4.57095 25.4926 4.57095 25.5462 4.56802 25.5997V25.5997V26.028C4.56802 26.1021 4.59712 26.1733 4.64894 26.2257C4.70075 26.2781 4.77103 26.3076 4.84431 26.3076H11.4931C11.5615 26.3063 11.627 26.2795 11.6769 26.2323C11.7269 26.185 11.7578 26.1207 11.7636 26.0518L13.4801 4.01279C13.4834 3.97413 13.4787 3.93521 13.4663 3.8985C13.4538 3.86178 13.434 3.82806 13.408 3.79953C13.382 3.77099 13.3505 3.74824 13.3153 3.73272C13.2801 3.71721 13.2422 3.70927 13.2039 3.70941H0.270687C0.233889 3.71017 0.197604 3.71838 0.163978 3.73352C0.130351 3.74866 0.10004 3.77045 0.0748495 3.7976C0.0496587 3.82475 0.0300722 3.85672 0.0172608 3.89164C0.00444947 3.92655 -0.00132048 3.96367 0.000253331 4.00088V4.00088Z" | ||
| fill="currentColor" | ||
| /> | ||
| <path | ||
| d="M13.1396 0.979083L0.406326 3.3882C0.369648 3.39413 0.33215 3.39267 0.296029 3.38391C0.259907 3.37515 0.225853 3.35926 0.195814 3.33715C0.165774 3.31504 0.140365 3.28717 0.121002 3.2551C0.101639 3.22302 0.0887298 3.18738 0.0830044 3.15024L0.00657829 2.72197C-0.00583682 2.6473 0.0103503 2.57066 0.0518599 2.50766C0.0933694 2.44465 0.157078 2.40003 0.229972 2.38291L12.9691 0.00352876C13.0055 -0.00236476 13.0426 -0.000867878 13.0784 0.00795815C13.1141 0.0167842 13.1477 0.0327745 13.1773 0.0549387C13.2069 0.0771029 13.2318 0.104994 13.2505 0.137028C13.2693 0.169061 13.2816 0.204592 13.2866 0.241481L13.363 0.669752C13.3703 0.740158 13.3515 0.810792 13.3102 0.867949C13.2689 0.925105 13.2081 0.964719 13.1396 0.979083V0.979083Z" | ||
| fill="currentColor" | ||
| /> | ||
| <path | ||
| d="M2.06368 26.9619C3.05068 26.9619 3.85081 26.1523 3.85081 25.1535C3.85081 24.1548 3.05068 23.3452 2.06368 23.3452C1.07667 23.3452 0.27655 24.1548 0.27655 25.1535C0.27655 26.1523 1.07667 26.9619 2.06368 26.9619Z" | ||
| fill="currentColor" | ||
| /> | ||
| <path | ||
| d="M33.5383 11.0319L36.607 9.24739C36.6329 9.23388 36.6546 9.21343 36.6698 9.18825C36.685 9.16306 36.693 9.13412 36.693 9.10463C36.693 9.07514 36.685 9.04624 36.6698 9.02105C36.6546 8.99587 36.6329 8.97539 36.607 8.96187L30.5284 6.18396C30.5036 6.17273 30.4764 6.16811 30.4494 6.17056C30.4223 6.17302 30.3963 6.18246 30.3739 6.19798C30.3515 6.21349 30.3334 6.23457 30.3213 6.25919C30.3093 6.28381 30.3036 6.31118 30.305 6.33863L30.4167 9.71734C30.4194 9.75744 30.4364 9.79518 30.4645 9.82361C30.4926 9.85203 30.5299 9.86923 30.5696 9.872C31.5963 9.95065 32.5747 10.345 33.3737 11.0022C33.3953 11.0228 33.4224 11.0366 33.4516 11.0419C33.4808 11.0472 33.511 11.0437 33.5383 11.0319V11.0319Z" | ||
| fill="currentColor" | ||
| /> | ||
| <path | ||
| d="M37.9767 25.4272C37.9767 25.4272 36.8715 24.9216 35.0903 21.9355C34.4383 20.7059 34.0008 19.3717 33.797 17.9916C33.7994 17.9301 33.8134 17.8695 33.8381 17.8132L34.7846 15.7907C34.7871 15.763 34.7871 15.7352 34.7846 15.7074C34.8991 15.3838 34.9354 15.037 34.8904 14.6962C34.4436 11.609 32.4272 10.2111 29.1528 10.1456C27.5032 10.1781 25.9234 10.8245 24.7152 11.9614C23.5071 13.0983 22.7554 14.6458 22.6039 16.3082V16.3082C22.4645 17.7854 22.2407 19.2531 21.9337 20.7041C21.5105 22.4887 20.3759 25.4272 20.3759 25.4272C20.3112 25.5759 20.3759 25.7663 20.5169 25.7663H37.818C37.9591 25.7663 38.0414 25.5759 37.9767 25.4272Z" | ||
| fill="currentColor" | ||
| /> | ||
| </svg> | ||
| ); | ||
| } | ||
| } |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,29 @@ | ||
| import { Component, h } from '@stencil/core'; | ||
|
|
||
| @Component({ | ||
| tag: 'utrecht-icon-melding', | ||
| styleUrl: 'stencil.scss', | ||
| shadow: true, | ||
| }) | ||
| export class IconMelding { | ||
| render() { | ||
| return ( | ||
| <svg width="35" height="37" viewBox="0 0 35 37" fill="none" xmlns="http://www.w3.org/2000/svg"> | ||
| <path | ||
| fill-rule="evenodd" | ||
| clip-rule="evenodd" | ||
| d="M30.06 0H14.91C13.8492 0 12.8317 0.421424 12.0816 1.17157C11.3315 1.92172 10.91 2.93913 10.91 4V11.34C10.91 12.4009 11.3315 13.4183 12.0816 14.1684C12.8317 14.9186 13.8492 15.34 14.91 15.34H15.45V18.59L18.69 15.34H30.06C31.1209 15.34 32.1383 14.9186 32.8884 14.1684C33.6386 13.4183 34.06 12.4009 34.06 11.34V4C34.06 2.93913 33.6386 1.92172 32.8884 1.17157C32.1383 0.421424 31.1209 0 30.06 0ZM23.33 2.83L23.02 9.2H21.42L21.11 2.83H23.33ZM22.22 12.46C21.9669 12.46 21.7194 12.3849 21.5089 12.2443C21.2984 12.1036 21.1344 11.9037 21.0375 11.6698C20.9406 11.4359 20.9152 11.1786 20.9646 10.9303C21.014 10.682 21.1359 10.4539 21.3149 10.2749C21.494 10.0959 21.722 9.97398 21.9703 9.92459C22.2186 9.8752 22.4759 9.90056 22.7098 9.99744C22.9437 10.0943 23.1437 10.2584 23.2843 10.4689C23.4249 10.6794 23.5 10.9268 23.5 11.18C23.509 11.353 23.4811 11.526 23.418 11.6874C23.355 11.8488 23.2582 11.9949 23.1343 12.116C23.0103 12.2371 22.862 12.3305 22.6992 12.3898C22.5364 12.4491 22.3628 12.473 22.19 12.46H22.22Z" | ||
| fill="currentColor" | ||
| /> | ||
| <path | ||
| d="M15.67 36.73V29.29C15.67 27.08 13.2 25.29 10.14 25.29H5.53003C2.47003 25.29 0 27.08 0 29.29V36.73H15.67Z" | ||
| fill="currentColor" | ||
| /> | ||
| <path | ||
| d="M12.15 20.54C12.1739 21.3991 11.941 22.2459 11.481 22.9719C11.0211 23.6979 10.355 24.2703 9.56807 24.6157C8.78109 24.9612 7.90893 25.064 7.06319 24.9111C6.21744 24.7582 5.43655 24.3566 4.82033 23.7574C4.2041 23.1583 3.7806 22.389 3.60396 21.5479C3.42731 20.7068 3.50554 19.8321 3.82869 19.0358C4.15184 18.2394 4.7052 17.5575 5.41798 17.0773C6.13077 16.597 6.97058 16.3404 7.83003 16.34C8.38948 16.3321 8.94503 16.4344 9.46492 16.6412C9.98481 16.848 10.4588 17.1552 10.86 17.5452C11.2612 17.9352 11.5816 18.4004 11.8029 18.9143C12.0243 19.4281 12.1422 19.9806 12.15 20.54V20.54Z" | ||
| fill="currentColor" | ||
| /> | ||
| </svg> | ||
| ); | ||
| } | ||
| } |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,29 @@ | ||
| import { Component, h } from '@stencil/core'; | ||
|
|
||
| @Component({ | ||
| tag: 'utrecht-icon-paspoort', | ||
| styleUrl: 'stencil.scss', | ||
| shadow: true, | ||
| }) | ||
| export class IconPaspoort { | ||
| render() { | ||
| return ( | ||
| <svg width="35" height="26" viewBox="0 0 35 26" fill="none" xmlns="http://www.w3.org/2000/svg"> | ||
| <path | ||
| fill-rule="evenodd" | ||
| clip-rule="evenodd" | ||
| d="M33.66 0H1.2C0.881745 0 0.576515 0.126427 0.351471 0.351471C0.126427 0.576515 7.06621e-10 0.881737 7.06606e-10 1.2V24.07C-1.08999e-05 24.3892 0.1261 24.6954 0.350861 24.9221C0.575621 25.1487 0.880829 25.2774 1.2 25.28H33.66C33.8184 25.28 33.9753 25.2486 34.1215 25.1877C34.2678 25.1268 34.4005 25.0375 34.5121 24.925C34.6237 24.8125 34.7118 24.679 34.7715 24.5323C34.8313 24.3855 34.8613 24.2284 34.86 24.07V1.2C34.86 0.881737 34.7336 0.576515 34.5085 0.351471C34.2835 0.126427 33.9783 0 33.66 0V0ZM10.14 21H9.06001L5.93999 15.12V21H5.12V14.43H6.48L9.32 19.8V14.43H10.14V21ZM16.05 21H11.89V14.43H12.76V20.23H16.05V21ZM16.49 10.35H3.21V8.76999H16.49V10.35ZM16.49 5.34999H3.21V3.75999H16.49V5.34999ZM31.38 15.07C31.3697 15.3123 31.2661 15.5412 31.0909 15.709C30.9158 15.8767 30.6825 15.9702 30.44 15.97H20.53C20.2913 15.97 20.0624 15.8752 19.8936 15.7064C19.7248 15.5376 19.63 15.3087 19.63 15.07V4.29999C19.63 4.06129 19.7248 3.83239 19.8936 3.6636C20.0624 3.49482 20.2913 3.39999 20.53 3.39999H30.44C30.6833 3.39725 30.9179 3.48994 31.0937 3.65819C31.2694 3.82643 31.3722 4.05683 31.38 4.29999V15.07Z" | ||
| fill="currentColor" | ||
| /> | ||
| <path | ||
| d="M30.13 14.06V13.38C30.13 12.06 28.65 11 26.83 11H24.07C22.25 11 20.77 12.06 20.77 13.38V14.06H30.13Z" | ||
| fill="currentColor" | ||
| /> | ||
| <path | ||
| d="M28.03 8.17999C28.0439 8.69259 27.9047 9.19772 27.6303 9.63087C27.3558 10.064 26.9585 10.4056 26.4891 10.6119C26.0196 10.8182 25.4993 10.88 24.9946 10.7893C24.4899 10.6986 24.0237 10.4596 23.6554 10.1027C23.2872 9.74582 23.0337 9.28733 22.9272 8.78572C22.8207 8.28411 22.8661 7.76214 23.0576 7.28645C23.2491 6.81076 23.578 6.40293 24.0024 6.11502C24.4267 5.82711 24.9272 5.67217 25.44 5.67C25.7749 5.6647 26.1075 5.72543 26.4189 5.84871C26.7303 5.97199 27.0144 6.1554 27.2549 6.38849C27.4954 6.62157 27.6877 6.89976 27.8207 7.20715C27.9536 7.51454 28.0248 7.84511 28.03 8.17999V8.17999Z" | ||
| fill="currentColor" | ||
| /> | ||
| </svg> | ||
| ); | ||
| } | ||
| } |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.