Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(Illustration): add Events illustration #2858

Merged
merged 3 commits into from
Apr 15, 2024
Merged

feat(Illustration): add Events illustration #2858

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
5c4797c
add Events illustration
natalieweesh Apr 9, 2024
6d5e71a
prettier
natalieweesh Apr 15, 2024
e185c83
oops
natalieweesh Apr 15, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
158 changes: 158 additions & 0 deletions packages/gamut-illustrations/src/Events.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,158 @@
import * as React from 'react';

import { IllustrationProps } from './types';

export const Events: React.FC<IllustrationProps> = ({
'aria-hidden': ariaHidden,
className,
height,
width,
}) => (
<svg
aria-hidden={ariaHidden}
className={className}
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 418 244"
width={width}
height={height}
fill="none"
>
<title>Events Icon</title>
<path
fill="#10162F"
fillRule="evenodd"
d="M370.296 238.382h-89.224v-19.796a18.996 18.996 0 0 1-14.709-3.899 18.994 18.994 0 0 1-7.134-13.441 19.002 19.002 0 0 1 11.353-18.866 19.012 19.012 0 0 1 7.609-1.585c.965.001 1.927.074 2.881.218v-23.622h26.613a17.85 17.85 0 1 0 35.578 2.098 17.306 17.306 0 0 0-.122-2.098h27.163l-.008 80.991Z"
clipRule="evenodd"
/>
<path fill="#10162F" d="M359.065 167.726h-66.579v60.238h66.579v-60.238Z" />
<path
fill="#66C4FF"
stroke="#10162F"
strokeWidth=".381"
d="M1 114.369a47.358 47.358 0 1 1 94.716.015A47.358 47.358 0 0 1 1 114.37Z"
/>
<path
fill="#F5FCFF"
stroke="#10162F"
strokeWidth=".381"
d="M90.473 114.396c0-23.25-18.848-42.098-42.099-42.098-23.25 0-42.098 18.848-42.098 42.098s18.848 42.098 42.099 42.098c23.25 0 42.098-18.848 42.098-42.098Z"
/>
<path
fill="#66C4FF"
d="M48.375 119.714a4.498 4.498 0 1 0 0-8.996 4.498 4.498 0 0 0 0 8.996Z"
/>
<path
stroke="#10162F"
strokeWidth=".381"
d="m43.09 120.702 21.93-22.508M53.128 120.149 25.66 91.953"
/>
<path
fill="#fff"
stroke="#10162F"
strokeWidth=".381"
d="M318.664 35.133H64.038v170.033h254.626V35.133Z"
/>
<path
fill="#10162F"
stroke="#10162F"
strokeWidth=".381"
d="M318.664 35.133H64.038v15.164h254.626V35.133Z"
/>
<path
fill="#F5FCFF"
d="M95.283 45.78a2.628 2.628 0 1 0 0-5.257 2.628 2.628 0 0 0 0 5.257ZM85.41 45.78a2.628 2.628 0 1 0 .007-5.257 2.628 2.628 0 0 0-.007 5.257ZM75.56 45.78a2.629 2.629 0 1 0 0-5.258 2.629 2.629 0 0 0 0 5.258Z"
/>
<path
fill="#66C4FF"
stroke="#10162F"
strokeWidth=".381"
d="M225.144 119.951h24.828a6.638 6.638 0 0 1 6.28 9.218 6.657 6.657 0 0 1-3.69 3.603 6.648 6.648 0 0 1-2.59.459h-24.828a6.645 6.645 0 0 1-6.28-4.062 6.638 6.638 0 0 1 1.481-7.331 6.618 6.618 0 0 1 2.209-1.428 6.609 6.609 0 0 1 2.59-.459Z"
/>
<path
fill="#F5FCFF"
stroke="#10162F"
strokeWidth=".381"
d="M119.821 119.951h81.422a6.64 6.64 0 0 1 4.594 11.28 6.649 6.649 0 0 1-4.594 2h-81.422a6.644 6.644 0 0 1 0-13.28ZM119.821 170.14h81.422a6.644 6.644 0 0 1 6.483 6.64 6.644 6.644 0 0 1-6.483 6.64h-81.422a6.644 6.644 0 0 1-6.483-6.64 6.644 6.644 0 0 1 6.483-6.64Z"
/>
<path
fill="#66C4FF"
stroke="#10162F"
strokeWidth=".381"
d="M91.976 69.734h61.512a6.638 6.638 0 1 1 0 13.276H91.976a6.638 6.638 0 1 1 0-13.276Z"
/>
<path
fill="#F5FCFF"
stroke="#10162F"
strokeWidth=".381"
d="M178.682 69.734h112.042a6.635 6.635 0 0 1 6.638 6.638 6.638 6.638 0 0 1-6.638 6.638H178.682a6.638 6.638 0 1 1 0-13.276Z"
/>
<path
fill="#66C4FF"
stroke="#10162F"
strokeWidth=".381"
d="M91.976 145.026h61.512a6.645 6.645 0 0 1 6.28 4.062 6.638 6.638 0 0 1-1.481 7.331 6.634 6.634 0 0 1-4.799 1.887H91.976a6.638 6.638 0 0 1-6.483-6.64 6.643 6.643 0 0 1 6.483-6.64Z"
/>
<path
fill="#F5FCFF"
stroke="#10162F"
strokeWidth=".381"
d="M178.682 145.026h112.042a6.648 6.648 0 0 1 4.799 1.888 6.656 6.656 0 0 1 1.481 7.331 6.654 6.654 0 0 1-6.28 4.061H178.682a6.648 6.648 0 0 1-4.799-1.887 6.645 6.645 0 0 1 0-9.505 6.641 6.641 0 0 1 4.799-1.888ZM119.821 94.837h154.971a6.642 6.642 0 0 1 0 13.28H119.821a6.644 6.644 0 0 1 0-13.28Z"
/>
<path
fill="#F5FCFF"
fillRule="evenodd"
d="M373.84 234.838h-89.232v-19.795a18.994 18.994 0 0 1-14.763-3.854 19.007 19.007 0 0 1-7.171-13.468 19.002 19.002 0 0 1 19.054-20.447c.964 0 1.927.071 2.88.214v-23.641h26.602a18.156 18.156 0 0 0-.122 2.098 17.855 17.855 0 1 0 35.704 0c0-.701-.041-1.402-.122-2.098h27.163l.007 80.991Z"
clipRule="evenodd"
/>
<path
fill="#fff"
stroke="#10162F"
strokeDasharray="3.05 3.05"
strokeWidth=".381"
d="M362.609 164.181H296.03v60.238h66.579v-60.238Z"
/>
<path
stroke="#10162F"
strokeWidth=".381"
d="M373.84 234.838h-89.232v-19.795a18.994 18.994 0 0 1-14.763-3.854 19.007 19.007 0 0 1-7.171-13.468 19.002 19.002 0 0 1 19.054-20.447c.964 0 1.927.071 2.88.214v-23.641h26.602a18.156 18.156 0 0 0-.122 2.098 17.855 17.855 0 1 0 35.704 0c0-.701-.041-1.402-.122-2.098h27.163l.007 80.991Z"
clipRule="evenodd"
/>
<path
fill="#66C4FF"
stroke="#10162F"
strokeWidth=".381"
d="M329.354 207.195c6.548 0 11.857-5.308 11.857-11.857 0-6.548-5.309-11.857-11.857-11.857-6.548 0-11.857 5.309-11.857 11.857 0 6.549 5.309 11.857 11.857 11.857ZM329.354 208.862a16.351 16.351 0 0 0-16.351 16.351v9.58h32.706v-9.58a16.351 16.351 0 0 0-16.355-16.351Z"
/>
<path
fill="#fff"
stroke="#10172F"
strokeLinejoin="bevel"
strokeWidth=".381"
d="m417.319 233.831-16.458-12.414 13.078-10.01-55.935-17.11 31.828 49.079 5.532-14.065 16.171 12.207 5.784-7.687Z"
/>
<path
stroke="#10172F"
strokeLinejoin="bevel"
strokeWidth=".381"
d="m317.25 29.658 71.408 28.501M388.891 59.7l-39.309 21.597"
/>
<path
fill="#66C4FF"
stroke="#10162F"
strokeWidth=".381"
d="M317.235 58.202c15.795 0 28.6-12.805 28.6-28.601S333.03 1 317.235 1c-15.796 0-28.601 12.805-28.601 28.6 0 15.797 12.805 28.602 28.601 28.602Z"
/>
<path
fill="#F5FCFF"
stroke="#10162F"
strokeWidth=".381"
d="M308.945 25.713v2.79l-7.577 2.971 7.577 2.976v2.811l-10.736-4.6v-2.37l10.736-4.578ZM312.988 37.032l5.826-15.088h2.67l-5.825 15.088h-2.671ZM336.256 32.66l-10.735 4.601V34.45l7.595-2.976-7.595-2.972v-2.789l10.735 4.578v2.37ZM388.857 69.67c6.382 0 11.555-5.174 11.555-11.556 0-6.382-5.173-11.556-11.555-11.556s-11.556 5.174-11.556 11.556c0 6.382 5.174 11.555 11.556 11.555Z"
/>
<path
fill="#10162F"
stroke="#10162F"
strokeWidth=".381"
d="M349.544 90.408a9.072 9.072 0 1 0 0-18.145 9.072 9.072 0 0 0 0 18.145Z"
/>
</svg>
);
1 change: 1 addition & 0 deletions packages/gamut-illustrations/src/index.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,7 @@ export * from './Confetti';
export * from './EmailAt';
export * from './Envelope';
export * from './ErrorWindow';
export * from './Events';
export * from './Heart';
export * from './Hills';
export * from './HomeOffice';
Expand Down
Loading