Skip to content

Commit

Permalink
adding Signature icon (#21946)
Browse files Browse the repository at this point in the history 
* adding Signature icon
  • Loading branch information
@notandrew
notandrew authored Mar 7, 2022
1 parent 0064f0a commit af35fc4
Show file tree
Hide file tree
Showing 3 changed files with 22 additions and 0 deletions.
1 change: 1 addition & 0 deletions packages/fluentui/CHANGELOG.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,6 +34,7 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
### Features
- Add new Popup prop `closeOnScroll` to close popup when scroll happens outside of the popover element @yuanboxue-amber ([#21453](https://github.com/microsoft/fluentui/pull/21453))
- Add new `isIntersectingModifier` modifier to `usePopper` @layershifter ([#21829](https://github.com/microsoft/fluentui/pull/21829))
- Add `SignatureIcon` to iconset @notandrew ([#21946](https://github.com/microsoft/fluentui/pull/21946))
- Allow users to configure new animations for `Carousel` transitions @chpalac ([#21866](https://github.com/microsoft/fluentui/pull/21866))
- Support React 17 as a peer dependency @jurokapsiar ([#21955](https://github.com/microsoft/fluentui/pull/21955))

Expand Down
20 changes: 20 additions & 0 deletions packages/fluentui/react-icons-northstar/src/components/SignatureIcon.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
import * as React from 'react';
import cx from 'classnames';
import { createSvgIcon } from '../utils/createSvgIcon';
import { iconClassNames } from '../utils/iconClassNames';

export const SignatureIcon = createSvgIcon({
svg: ({ classes }) => (
<svg role="presentation" viewBox="2 2 16 16" className={classes.svgFlippingInRtl}>
<path
className={cx(iconClassNames.outline, classes.outlinePart)}
d="M12.0215 2.77165C12.9761 1.817 14.5239 1.817 15.4786 2.77166C16.4332 3.72631 16.4332 5.27411 15.4786 6.22876L14.2071 7.50023L14.2929 7.58603C15.0739 8.36708 15.0739 9.63341 14.2929 10.4145L12.8536 11.8538C12.6583 12.0491 12.3417 12.0491 12.1464 11.8538C11.9512 11.6585 11.9512 11.342 12.1464 11.1467L13.5858 9.70735C13.9763 9.31683 13.9763 8.68366 13.5858 8.29314L13.5 8.20734L6.85356 14.8538C6.78948 14.9178 6.70919 14.9633 6.62128 14.9853L2.62128 15.9853C2.44424 16.0295 2.25714 15.9738 2.13315 15.8399C2.00916 15.706 1.96796 15.5152 2.02567 15.3421L3.27567 11.5921C3.30022 11.5185 3.34157 11.4515 3.39646 11.3967L12.0215 2.77165ZM14.7715 3.47876C14.2073 2.91463 13.2927 2.91463 12.7286 3.47876L4.18703 12.0203L3.26238 14.7942L6.24439 14.0487L14.7715 5.52165C15.3356 4.95752 15.3356 4.04289 14.7715 3.47876ZM3.21723 16.8671C3.23411 16.8796 3.25117 16.8921 3.2684 16.9047C4.01112 17.4448 5.11223 18.0003 6.49999 18.0003C7.24299 18.0003 7.92358 17.7403 8.52866 17.3957C9.13152 17.0524 9.69205 16.6057 10.1903 16.2009L10.3073 16.1057C10.7711 15.7283 11.1686 15.4049 11.5351 15.1889C11.9383 14.9513 12.1792 14.9205 12.3419 14.9747C12.607 15.0631 12.7585 15.2675 13.021 16.1439C13.1084 16.4356 13.2643 16.7547 13.4924 17.0109C13.7209 17.2677 14.0609 17.5004 14.5 17.5004C14.9742 17.5004 15.4432 17.2722 15.8054 17.0586C16.044 16.9178 16.3005 16.7415 16.5084 16.5985C16.6106 16.5282 16.7012 16.4659 16.7721 16.4199C17.0401 16.2461 17.2659 16.1336 17.4205 16.0658C17.4977 16.032 17.557 16.0093 17.5948 15.9958C17.6136 15.989 17.6271 15.9846 17.6346 15.9821L17.6415 15.98C17.9053 15.9022 18.0569 15.6257 17.9802 15.3612C17.9034 15.096 17.6251 14.9436 17.3599 15.0205L17.3587 15.0208L17.3561 15.0216L17.3489 15.0237L17.3275 15.0305C17.3101 15.0361 17.2866 15.044 17.2575 15.0544C17.1993 15.0753 17.1184 15.1064 17.0189 15.15C16.82 15.2372 16.5458 15.3748 16.2279 15.5809C16.1107 15.6569 15.9986 15.7344 15.8856 15.8125C15.7007 15.9403 15.5131 16.07 15.2974 16.1972C14.9559 16.3986 14.6869 16.5004 14.5 16.5004C14.4391 16.5004 14.3501 16.4705 14.2393 16.346C14.1279 16.2208 14.0338 16.04 13.979 15.8569C13.739 15.0559 13.4795 14.2999 12.6581 14.0261C12.0707 13.8302 11.4992 14.0494 11.0274 14.3274C10.5919 14.584 10.1348 14.9564 9.68987 15.3188L9.5597 15.4248C9.05793 15.8324 8.55597 16.2294 8.03382 16.5267C7.5139 16.8228 7.007 17.0003 6.49999 17.0003C5.75399 17.0003 5.10397 16.8003 4.56599 16.5299L3.21723 16.8671ZM17.5 15.5004C17.3608 15.0202 17.36 15.0204 17.3599 15.0205L17.5 15.5004Z"
/>
<path
className={cx(iconClassNames.filled, classes.filledPart)}
d="M12.0215 2.77165C12.9761 1.817 14.5239 1.817 15.4786 2.77166C16.4332 3.72631 16.4332 5.27411 15.4786 6.22876L14.2071 7.50023L14.2929 7.58603C15.0739 8.36708 15.0739 9.63341 14.2929 10.4145L12.8536 11.8538C12.6583 12.0491 12.3417 12.0491 12.1464 11.8538C11.9512 11.6585 11.9512 11.342 12.1464 11.1467L13.5858 9.70735C13.9763 9.31683 13.9763 8.68366 13.5858 8.29314L13.5 8.20734L6.85356 14.8538C6.78948 14.9178 6.70919 14.9633 6.62128 14.9853L2.62128 15.9853C2.44424 16.0295 2.25714 15.9738 2.13315 15.8399C2.00916 15.706 1.96796 15.5152 2.02567 15.3421L3.27567 11.5921C3.30022 11.5185 3.34157 11.4515 3.39646 11.3967L12.0215 2.77165ZM3.2684 16.9047C3.25117 16.8921 3.23411 16.8796 3.21723 16.8671L4.56599 16.5299C5.10397 16.8003 5.75399 17.0003 6.49999 17.0003C7.007 17.0003 7.5139 16.8228 8.03382 16.5267C8.55597 16.2294 9.05793 15.8324 9.5597 15.4248L9.68984 15.3188C10.1347 14.9564 10.5919 14.584 11.0274 14.3274C11.4992 14.0494 12.0707 13.8302 12.6581 14.0261C13.4795 14.2999 13.739 15.0559 13.979 15.8569C14.0338 16.04 14.1279 16.2208 14.2393 16.346C14.3501 16.4705 14.4391 16.5004 14.5 16.5004C14.6869 16.5004 14.9559 16.3986 15.2974 16.1972C15.5131 16.07 15.7005 15.9405 15.8854 15.8126C15.9984 15.7345 16.1108 15.6569 16.2279 15.5809C16.5458 15.3748 16.82 15.2372 17.0189 15.15C17.1184 15.1064 17.1993 15.0753 17.2575 15.0544C17.2866 15.044 17.3101 15.0361 17.3275 15.0305L17.3489 15.0237L17.3561 15.0216L17.3587 15.0208L17.3599 15.0205L17.5 15.5004C17.3608 15.0202 17.36 15.0204 17.3599 15.0205C17.6251 14.9436 17.9034 15.096 17.9802 15.3612C18.0569 15.6257 17.9053 15.9022 17.6415 15.98L17.6346 15.9821C17.6271 15.9846 17.6136 15.989 17.5948 15.9958C17.557 16.0093 17.4977 16.032 17.4205 16.0658C17.2659 16.1336 17.0401 16.2461 16.7721 16.4199C16.7012 16.4659 16.6107 16.5281 16.5085 16.5984C16.3006 16.7414 16.044 16.9178 15.8054 17.0586C15.4432 17.2722 14.9742 17.5004 14.5 17.5004C14.0609 17.5004 13.7209 17.2677 13.4924 17.0109C13.2643 16.7547 13.1084 16.4356 13.021 16.1439C12.7585 15.2675 12.607 15.0631 12.3419 14.9747C12.1792 14.9205 11.9383 14.9513 11.5351 15.1889C11.1686 15.4049 10.7711 15.7283 10.3073 16.1057L10.1903 16.2009C9.69205 16.6057 9.13152 17.0524 8.52866 17.3957C7.92358 17.7403 7.24299 18.0003 6.49999 18.0003C5.11223 18.0003 4.01112 17.4448 3.2684 16.9047Z"
/>
</svg>
),
displayName: 'SignatureIcon',
});
1 change: 1 addition & 0 deletions packages/fluentui/react-icons-northstar/src/index.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -242,6 +242,7 @@ export { ShareToIcon } from './components/ShareToIcon';
export { ShieldKeyholeIcon } from './components/ShieldKeyholeIcon';
export { Shift24hIcon } from './components/Shift24hIcon';
export { ShiftActivityIcon } from './components/ShiftActivityIcon';
export { SignatureIcon } from './components/SignatureIcon';
export { SkypeColorIcon } from './components/SkypeColorIcon';
export { SkypeLogoIcon } from './components/SkypeLogoIcon';
export { SpeakerMuteIcon } from './components/SpeakerMuteIcon';
Expand Down

0 comments on commit af35fc4

Please sign in to comment.