Skip to content

Commit

Permalink
Add new icons
Browse files Browse the repository at this point in the history
  • Loading branch information
@claracruz
claracruz committed Jul 10, 2019
1 parent a61339b commit 158b9b9
Show file tree
Hide file tree
Showing 17 changed files with 589 additions and 0 deletions.
7 changes: 7 additions & 0 deletions src-docs/src/views/icon/icons.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43,6 +43,9 @@ const iconTypes = [
'check',
'checkInCircleFilled',
'clock',
'cloudDrizzle',
'cloudStormy',
'cloudSunny',
'compute',
'console',
'controlsHorizontal',
Expand All @@ -55,7 +58,9 @@ const iconTypes = [
'cut',
'database',
'document',
'documents',
'dot',
'edit',
'email',
'empty',
'exit',
Expand Down Expand Up @@ -161,9 +166,11 @@ const iconTypes = [
'tag',
'tear',
'temperature',
'training',
'trash',
'user',
'vector',
'videoPlayer',
'visArea',
'visBarHorizontal',
'visBarVertical',
Expand Down
263 changes: 263 additions & 0 deletions src/components/icon/__snapshots__/icon.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1040,6 +1040,122 @@ exports[`EuiIcon props type clock is rendered 1`] = `
</svg>
`;

exports[`EuiIcon props type cloudDrizzle is rendered 1`] = `
<svg
class="euiIcon euiIcon--medium euiIcon-isLoaded"
focusable="false"
height="16"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill="#343741"
fill-rule="nonzero"
id="icon-cloud-drizzle-16-ink"
stroke="none"
stroke-width="1"
>
<path
d="M15.398 8.005A5.5 5.5 0 0 0 5.252 3.852l.953.3a4.502 4.502 0 1 1 8.303 3.397l.89.456z"
id="Path"
/>
<path
d="M8 7a4 4 0 1 0-6.505 3.119l.627-.78A3 3 0 1 1 7 7l1 .001zM4.739 8.696l-1.626 1.987.774.634 1.626-1.988zM1.799 12.123l-1.686 2.06.774.634 1.686-2.06zM9.239 8.696l-1.626 1.987.774.634 1.626-1.988zM6.299 12.123l-1.686 2.06.774.634 1.686-2.06zM13.739 8.696l-1.626 1.987.774.634 1.626-1.988zM10.799 12.123l-1.686 2.06.774.634 1.686-2.06z"
id="Path"
/>
</g>
</svg>
`;

exports[`EuiIcon props type cloudStormy is rendered 1`] = `
<svg
class="euiIcon euiIcon--medium euiIcon-isLoaded"
focusable="false"
height="16"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill="none"
fill-rule="evenodd"
id="icon-cloud-stormy-16-ink"
stroke="none"
stroke-width="1"
>
<g
fill="#343741"
fill-rule="nonzero"
id="Group"
>
<path
d="M15.445 7.91A5.5 5.5 0 0 0 5.25 3.852l.954.3a4.502 4.502 0 1 1 8.341 3.32l.899.438z"
id="Path"
/>
<path
d="M5.624 15.17l.752.66L10.602 11h-3.5l2.774-3.17-.752-.66L4.898 12h3.5z"
id="Path-10"
/>
<path
d="M7.84 5.878a4.001 4.001 0 1 0-6.69 3.93l.713-.702A3 3 0 1 1 6.88 6.159l.96-.28zM4.613 8.683l-1.626 1.988.774.633 1.626-1.987zM1.799 12.123l-1.686 2.06.774.634 1.686-2.06zM4.11 12.966l-.997 1.217.774.634.996-1.218zM14.613 8.683L12.98 10.68l.774.634 1.633-1.996zM11.613 8.683l-.927 1.133.774.633.927-1.132zM11.832 12.082l-1.719 2.101.774.634 1.72-2.102z"
id="Path"
/>
</g>
</g>
</svg>
`;

exports[`EuiIcon props type cloudSunny is rendered 1`] = `
<svg
class="euiIcon euiIcon--medium euiIcon-isLoaded"
focusable="false"
height="16"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill="none"
fill-rule="evenodd"
id="icon-cloud-sunny-16-ink"
stroke="none"
stroke-width="1"
>
<g
fill="#343741"
fill-rule="nonzero"
id="Group"
>
<path
d="M4 16h6.5a5.5 5.5 0 1 0-5.249-7.148l.954.3A4.502 4.502 0 0 1 15 10.5a4.5 4.5 0 0 1-4.5 4.5H4v1z"
id="Path"
/>
<path
d="M8 12a4 4 0 1 0-4 4v-1a3 3 0 1 1 3-3h1z"
id="Path"
/>
<path
d="M10.855 5.362A4.501 4.501 0 1 0 2.706 8.92l.843-.539a3.5 3.5 0 1 1 6.338-2.768l.968-.252z"
id="Path"
/>
<path
d="M9.354 4.354l2.5-2.5-.708-.708-2.5 2.5z"
id="Path-21"
/>
<path
d="M7 2.5V0H6v2.5zM2.5 6H0v1h2.5z"
id="Path-11"
/>
<path
d="M4.354 3.646l-2.5-2.5-.708.708 2.5 2.5z"
id="Path-12"
/>
</g>
</g>
</svg>
`;

exports[`EuiIcon props type codeApp is rendered 1`] = `
<svg
class="euiIcon euiIcon--medium euiIcon--app euiIcon-isLoaded"
Expand Down Expand Up @@ -1473,6 +1589,49 @@ exports[`EuiIcon props type document is rendered 1`] = `
</svg>
`;

exports[`EuiIcon props type documents is rendered 1`] = `
<svg
class="euiIcon euiIcon--medium euiIcon-isLoaded"
focusable="false"
height="16"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill="none"
fill-rule="evenodd"
id="icon-docs-16-ink"
stroke="none"
stroke-width="1"
>
<g
fill="#343741"
fill-rule="nonzero"
id="Group"
transform="translate(1)"
>
<path
d="M0 0h8.207L12 3.793V13H0V0zm1 1v11h10V4.207L7.793 1H1z"
id="Rectangle"
/>
<path
d="M8 4V1H7v4h4V4z"
id="Path-6"
/>
<path
d="M14 15H5v1h10V6h-1z"
id="Path-4"
/>
<path
d="M3 7.5h5v-1H3zM3 10h5V9H3z"
id="Path-5"
/>
</g>
</g>
</svg>
`;

exports[`EuiIcon props type dot is rendered 1`] = `
<svg
class="euiIcon euiIcon--medium euiIcon-isLoaded"
Expand All @@ -1496,6 +1655,38 @@ exports[`EuiIcon props type dot is rendered 1`] = `
</svg>
`;

exports[`EuiIcon props type edit is rendered 1`] = `
<svg
class="euiIcon euiIcon--medium euiIcon-isLoaded"
focusable="false"
height="16"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill="#343741"
fill-rule="nonzero"
id="icon-blog-16-ink"
stroke="none"
stroke-width="1"
>
<path
d="M7 6.293V9h2.707l5.44-5.44a1.5 1.5 0 0 0 0-2.12L14.56.853a1.5 1.5 0 0 0-2.122 0L7 6.293zm1 .414l5.146-5.146a.5.5 0 0 1 .708 0l.585.585a.5.5 0 0 1 0 .708L9.293 8H8V6.707z"
id="Path-7"
/>
<path
d="M4 13h8v-1H4z"
id="Path-9"
/>
<path
d="M14 15H2V2h7V1H1v15h14V7h-1z"
id="Path-8"
/>
</g>
</svg>
`;

exports[`EuiIcon props type editorAlignCenter is rendered 1`] = `
<svg
class="euiIcon euiIcon--medium euiIcon-isLoaded"
Expand Down Expand Up @@ -6624,6 +6815,42 @@ exports[`EuiIcon props type tokenVariable is rendered 1`] = `
</svg>
`;

exports[`EuiIcon props type training is rendered 1`] = `
<svg
class="euiIcon euiIcon--medium euiIcon-isLoaded"
focusable="false"
height="16"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill="#343741"
fill-rule="nonzero"
id="icon-training-instructor-16-ink"
stroke="none"
stroke-width="1"
>
<path
d="M1 11V1h11v3h1V0H0v12h6v-1z"
id="Path-37"
/>
<path
d="M9.5 8.5a2.5 2.5 0 1 1 5 0 2.5 2.5 0 0 1-5 0zm1 0a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0z"
id="Stroke-9"
/>
<path
d="M6.61 7.812C8.536 10.22 9.942 11 12 11c1.724 0 3 1.276 3 3v2h1v-2c0-2.276-1.724-4-4-4-1.73 0-2.862-.627-4.61-2.812l-.78.624zM9 16v-2c0-.907.158-1.45.854-2.146l-.708-.708C8.23 12.064 8 12.853 8 14v2h1z"
id="Stroke-9"
/>
<path
d="M6.418 5.972l-2.3-2.874-.78.625 2.3 2.874z"
id="Path-39"
/>
</g>
</svg>
`;

exports[`EuiIcon props type trash is rendered 1`] = `
<svg
class="euiIcon euiIcon--medium euiIcon-isLoaded"
Expand Down Expand Up @@ -6739,6 +6966,42 @@ exports[`EuiIcon props type vector is rendered 1`] = `
</svg>
`;

exports[`EuiIcon props type videoPlayer is rendered 1`] = `
<svg
class="euiIcon euiIcon--medium euiIcon-isLoaded"
focusable="false"
height="16"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<g
fill="#343741"
fill-rule="nonzero"
id="icon-video-player-16-ink"
stroke="none"
stroke-width="1"
>
<path
d="M0 0h16v16H0V0zm1 1v14h14V1H1z"
id="Rectangle"
/>
<path
d="M2 3h2V2H2zM5 3h2V2H5z"
id="Path-19"
/>
<path
d="M0 5h15.5V4H0z"
id="Path-3"
/>
<path
d="M5 6.791v6.618l6.618-3.309L5 6.791zM9.382 10.1L6 11.791V8.409L9.382 10.1z"
id="Path-13"
/>
</g>
</svg>
`;

exports[`EuiIcon props type visArea is rendered 1`] = `
<svg
class="euiIcon euiIcon--medium euiIcon-isLoaded"
Expand Down
28 changes: 28 additions & 0 deletions src/components/icon/assets/cloud-drizzle.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
import React from 'react';

const EuiIconCloudDrizzle = props => (
<svg
width={16}
height={16}
viewBox="0 0 16 16"
xmlns="http://www.w3.org/2000/svg"
{...props}>
<g
id="icon-cloud-drizzle-16-ink"
stroke="none"
strokeWidth={1}
fill="#343741"
fillRule="nonzero">
<path
d="M15.398 8.005A5.5 5.5 0 0 0 5.252 3.852l.953.3a4.502 4.502 0 1 1 8.303 3.397l.89.456z"
id="Path"
/>
<path
d="M8 7a4 4 0 1 0-6.505 3.119l.627-.78A3 3 0 1 1 7 7l1 .001zM4.739 8.696l-1.626 1.987.774.634 1.626-1.988zM1.799 12.123l-1.686 2.06.774.634 1.686-2.06zM9.239 8.696l-1.626 1.987.774.634 1.626-1.988zM6.299 12.123l-1.686 2.06.774.634 1.686-2.06zM13.739 8.696l-1.626 1.987.774.634 1.626-1.988zM10.799 12.123l-1.686 2.06.774.634 1.686-2.06z"
id="Path"
/>
</g>
</svg>
);

export const icon = EuiIconCloudDrizzle;
16 changes: 16 additions & 0 deletions src/components/icon/assets/cloud-drizzle.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 158b9b9

Please sign in to comment.