Skip to content

Commit

Permalink
Gear Icon (#56)
Browse files Browse the repository at this point in the history 
* Gear Icon

* Gear Icon snapshots
  • Loading branch information
@acastemoreno
acastemoreno committed Jun 1, 2021
1 parent 0a29968 commit 39613df
Show file tree
Hide file tree
Showing 2 changed files with 83 additions and 5 deletions.
68 changes: 64 additions & 4 deletions src/__snapshots__/index.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -892,7 +892,6 @@ exports[`With className array Icon CompanyObjective 1`] = `
<div>
<svg
class="w-4 text-black fill-current"
fill="none"
height="14"
viewBox="0 0 14 14"
width="14"
Expand Down Expand Up @@ -1290,6 +1289,22 @@ exports[`With className array Icon Frown 1`] = `
</div>
`;

exports[`With className array Icon Gear 1`] = `
<div>
<svg
class="w-4 text-black fill-current"
height="16"
viewBox="0 0 16 16"
width="16"
>
<path
d="M6.312.519a7.764 7.764 0 013.373 0 .91.91 0 01.71.798l.005.09v1.02l.082.035c.303.135.593.295.868.478l.204.141.071.054.884-.51a.91.91 0 01.987.048l.075.06.065.063a7.707 7.707 0 011.693 2.933.913.913 0 01-.341 1.005l-.076.048-.888.512.012.09c.033.328.04.659.02.988l-.02.247-.011.089.885.512c.314.18.483.522.452.882l-.011.09-.021.092a7.652 7.652 0 01-1.688 2.922.907.907 0 01-1.046.217l-.081-.041-.888-.513-.073.055c-.268.193-.55.364-.845.511l-.224.106-.082.035v1.025a.91.91 0 01-.542.833l-.084.032-.087.024c-1.1.245-2.26.248-3.372 0a.91.91 0 01-.71-.798l-.005-.09v-1.024l-.083-.035a5.979 5.979 0 01-.868-.477l-.204-.142-.072-.054-.883.51a.91.91 0 01-.986-.047l-.076-.06-.064-.064a7.708 7.708 0 01-1.694-2.932.913.913 0 01.342-1.005l.076-.048.886-.513-.01-.089a6.084 6.084 0 01-.02-.989l.02-.247.01-.09-.884-.51a.91.91 0 01-.454-.885l.014-.088.022-.088a7.65 7.65 0 011.688-2.922.906.906 0 011.047-.218l.081.042.884.512.073-.055c.268-.193.551-.364.846-.51l.223-.107.082-.035V1.407a.91.91 0 01.545-.833l.083-.032.085-.023zM9.18 1.572a6.644 6.644 0 00-2.364 0l-.083.017v1.627l-.377.134c-.499.178-.967.435-1.387.76l-.177.144-.305.259-1.405-.814-.044.05a6.527 6.527 0 00-1.11 1.83l-.094.253-.022.061 1.412.815-.072.394a4.952 4.952 0 00-.037 1.58l.037.224.072.394-1.41.815.02.062c.24.678.59 1.31 1.033 1.874l.171.208.044.05 1.41-.814.305.262c.402.346.857.623 1.347.82l.212.08.38.133v1.629l.086.017c.697.126 1.41.139 2.106.04l.26-.04.081-.018v-1.626l.377-.134c.5-.178.968-.434 1.388-.76l.177-.143.304-.259 1.407.813.045-.05a6.532 6.532 0 001.106-1.818l.094-.248.026-.079-1.415-.817.073-.393a4.952 4.952 0 00.036-1.58l-.036-.225-.073-.394 1.41-.815-.02-.062a6.56 6.56 0 00-1.033-1.873l-.17-.208-.045-.051-1.41.815-.305-.262a4.84 4.84 0 00-1.347-.82l-.212-.08-.38-.133V1.589l-.086-.017zM8 4.668a3.337 3.337 0 013.333 3.333A3.337 3.337 0 018 11.335 3.337 3.337 0 014.666 8 3.337 3.337 0 018 4.668zm.013 1.167c-1.212 0-2.2.988-2.2 2.2 0 1.212.988 2.2 2.2 2.2 1.212 0 2.2-.988 2.2-2.2 0-1.212-.988-2.2-2.2-2.2z"
fill="currentColor"
/>
</svg>
</div>
`;

exports[`With className array Icon Growth 1`] = `
<div>
<svg
Expand Down Expand Up @@ -2980,7 +2995,6 @@ exports[`With className object Icon CompanyObjective 1`] = `
<div>
<svg
class="w-4 fill-current"
fill="none"
height="14"
viewBox="0 0 14 14"
width="14"
Expand Down Expand Up @@ -3378,6 +3392,22 @@ exports[`With className object Icon Frown 1`] = `
</div>
`;

exports[`With className object Icon Gear 1`] = `
<div>
<svg
class="w-4 fill-current"
height="16"
viewBox="0 0 16 16"
width="16"
>
<path
d="M6.312.519a7.764 7.764 0 013.373 0 .91.91 0 01.71.798l.005.09v1.02l.082.035c.303.135.593.295.868.478l.204.141.071.054.884-.51a.91.91 0 01.987.048l.075.06.065.063a7.707 7.707 0 011.693 2.933.913.913 0 01-.341 1.005l-.076.048-.888.512.012.09c.033.328.04.659.02.988l-.02.247-.011.089.885.512c.314.18.483.522.452.882l-.011.09-.021.092a7.652 7.652 0 01-1.688 2.922.907.907 0 01-1.046.217l-.081-.041-.888-.513-.073.055c-.268.193-.55.364-.845.511l-.224.106-.082.035v1.025a.91.91 0 01-.542.833l-.084.032-.087.024c-1.1.245-2.26.248-3.372 0a.91.91 0 01-.71-.798l-.005-.09v-1.024l-.083-.035a5.979 5.979 0 01-.868-.477l-.204-.142-.072-.054-.883.51a.91.91 0 01-.986-.047l-.076-.06-.064-.064a7.708 7.708 0 01-1.694-2.932.913.913 0 01.342-1.005l.076-.048.886-.513-.01-.089a6.084 6.084 0 01-.02-.989l.02-.247.01-.09-.884-.51a.91.91 0 01-.454-.885l.014-.088.022-.088a7.65 7.65 0 011.688-2.922.906.906 0 011.047-.218l.081.042.884.512.073-.055c.268-.193.551-.364.846-.51l.223-.107.082-.035V1.407a.91.91 0 01.545-.833l.083-.032.085-.023zM9.18 1.572a6.644 6.644 0 00-2.364 0l-.083.017v1.627l-.377.134c-.499.178-.967.435-1.387.76l-.177.144-.305.259-1.405-.814-.044.05a6.527 6.527 0 00-1.11 1.83l-.094.253-.022.061 1.412.815-.072.394a4.952 4.952 0 00-.037 1.58l.037.224.072.394-1.41.815.02.062c.24.678.59 1.31 1.033 1.874l.171.208.044.05 1.41-.814.305.262c.402.346.857.623 1.347.82l.212.08.38.133v1.629l.086.017c.697.126 1.41.139 2.106.04l.26-.04.081-.018v-1.626l.377-.134c.5-.178.968-.434 1.388-.76l.177-.143.304-.259 1.407.813.045-.05a6.532 6.532 0 001.106-1.818l.094-.248.026-.079-1.415-.817.073-.393a4.952 4.952 0 00.036-1.58l-.036-.225-.073-.394 1.41-.815-.02-.062a6.56 6.56 0 00-1.033-1.873l-.17-.208-.045-.051-1.41.815-.305-.262a4.84 4.84 0 00-1.347-.82l-.212-.08-.38-.133V1.589l-.086-.017zM8 4.668a3.337 3.337 0 013.333 3.333A3.337 3.337 0 018 11.335 3.337 3.337 0 014.666 8 3.337 3.337 0 018 4.668zm.013 1.167c-1.212 0-2.2.988-2.2 2.2 0 1.212.988 2.2 2.2 2.2 1.212 0 2.2-.988 2.2-2.2 0-1.212-.988-2.2-2.2-2.2z"
fill="currentColor"
/>
</svg>
</div>
`;

exports[`With className object Icon Growth 1`] = `
<div>
<svg
Expand Down Expand Up @@ -5068,7 +5098,6 @@ exports[`With className string Icon CompanyObjective 1`] = `
<div>
<svg
class="w-4 h-4 fill-current"
fill="none"
height="14"
viewBox="0 0 14 14"
width="14"
Expand Down Expand Up @@ -5466,6 +5495,22 @@ exports[`With className string Icon Frown 1`] = `
</div>
`;

exports[`With className string Icon Gear 1`] = `
<div>
<svg
class="w-4 h-4 fill-current"
height="16"
viewBox="0 0 16 16"
width="16"
>
<path
d="M6.312.519a7.764 7.764 0 013.373 0 .91.91 0 01.71.798l.005.09v1.02l.082.035c.303.135.593.295.868.478l.204.141.071.054.884-.51a.91.91 0 01.987.048l.075.06.065.063a7.707 7.707 0 011.693 2.933.913.913 0 01-.341 1.005l-.076.048-.888.512.012.09c.033.328.04.659.02.988l-.02.247-.011.089.885.512c.314.18.483.522.452.882l-.011.09-.021.092a7.652 7.652 0 01-1.688 2.922.907.907 0 01-1.046.217l-.081-.041-.888-.513-.073.055c-.268.193-.55.364-.845.511l-.224.106-.082.035v1.025a.91.91 0 01-.542.833l-.084.032-.087.024c-1.1.245-2.26.248-3.372 0a.91.91 0 01-.71-.798l-.005-.09v-1.024l-.083-.035a5.979 5.979 0 01-.868-.477l-.204-.142-.072-.054-.883.51a.91.91 0 01-.986-.047l-.076-.06-.064-.064a7.708 7.708 0 01-1.694-2.932.913.913 0 01.342-1.005l.076-.048.886-.513-.01-.089a6.084 6.084 0 01-.02-.989l.02-.247.01-.09-.884-.51a.91.91 0 01-.454-.885l.014-.088.022-.088a7.65 7.65 0 011.688-2.922.906.906 0 011.047-.218l.081.042.884.512.073-.055c.268-.193.551-.364.846-.51l.223-.107.082-.035V1.407a.91.91 0 01.545-.833l.083-.032.085-.023zM9.18 1.572a6.644 6.644 0 00-2.364 0l-.083.017v1.627l-.377.134c-.499.178-.967.435-1.387.76l-.177.144-.305.259-1.405-.814-.044.05a6.527 6.527 0 00-1.11 1.83l-.094.253-.022.061 1.412.815-.072.394a4.952 4.952 0 00-.037 1.58l.037.224.072.394-1.41.815.02.062c.24.678.59 1.31 1.033 1.874l.171.208.044.05 1.41-.814.305.262c.402.346.857.623 1.347.82l.212.08.38.133v1.629l.086.017c.697.126 1.41.139 2.106.04l.26-.04.081-.018v-1.626l.377-.134c.5-.178.968-.434 1.388-.76l.177-.143.304-.259 1.407.813.045-.05a6.532 6.532 0 001.106-1.818l.094-.248.026-.079-1.415-.817.073-.393a4.952 4.952 0 00.036-1.58l-.036-.225-.073-.394 1.41-.815-.02-.062a6.56 6.56 0 00-1.033-1.873l-.17-.208-.045-.051-1.41.815-.305-.262a4.84 4.84 0 00-1.347-.82l-.212-.08-.38-.133V1.589l-.086-.017zM8 4.668a3.337 3.337 0 013.333 3.333A3.337 3.337 0 018 11.335 3.337 3.337 0 014.666 8 3.337 3.337 0 018 4.668zm.013 1.167c-1.212 0-2.2.988-2.2 2.2 0 1.212.988 2.2 2.2 2.2 1.212 0 2.2-.988 2.2-2.2 0-1.212-.988-2.2-2.2-2.2z"
fill="currentColor"
/>
</svg>
</div>
`;

exports[`With className string Icon Growth 1`] = `
<div>
<svg
Expand Down Expand Up @@ -7156,7 +7201,6 @@ exports[`Without className Icon CompanyObjective 1`] = `
<div>
<svg
class="fill-current"
fill="none"
height="14"
viewBox="0 0 14 14"
width="14"
Expand Down Expand Up @@ -7554,6 +7598,22 @@ exports[`Without className Icon Frown 1`] = `
</div>
`;

exports[`Without className Icon Gear 1`] = `
<div>
<svg
class="fill-current"
height="16"
viewBox="0 0 16 16"
width="16"
>
<path
d="M6.312.519a7.764 7.764 0 013.373 0 .91.91 0 01.71.798l.005.09v1.02l.082.035c.303.135.593.295.868.478l.204.141.071.054.884-.51a.91.91 0 01.987.048l.075.06.065.063a7.707 7.707 0 011.693 2.933.913.913 0 01-.341 1.005l-.076.048-.888.512.012.09c.033.328.04.659.02.988l-.02.247-.011.089.885.512c.314.18.483.522.452.882l-.011.09-.021.092a7.652 7.652 0 01-1.688 2.922.907.907 0 01-1.046.217l-.081-.041-.888-.513-.073.055c-.268.193-.55.364-.845.511l-.224.106-.082.035v1.025a.91.91 0 01-.542.833l-.084.032-.087.024c-1.1.245-2.26.248-3.372 0a.91.91 0 01-.71-.798l-.005-.09v-1.024l-.083-.035a5.979 5.979 0 01-.868-.477l-.204-.142-.072-.054-.883.51a.91.91 0 01-.986-.047l-.076-.06-.064-.064a7.708 7.708 0 01-1.694-2.932.913.913 0 01.342-1.005l.076-.048.886-.513-.01-.089a6.084 6.084 0 01-.02-.989l.02-.247.01-.09-.884-.51a.91.91 0 01-.454-.885l.014-.088.022-.088a7.65 7.65 0 011.688-2.922.906.906 0 011.047-.218l.081.042.884.512.073-.055c.268-.193.551-.364.846-.51l.223-.107.082-.035V1.407a.91.91 0 01.545-.833l.083-.032.085-.023zM9.18 1.572a6.644 6.644 0 00-2.364 0l-.083.017v1.627l-.377.134c-.499.178-.967.435-1.387.76l-.177.144-.305.259-1.405-.814-.044.05a6.527 6.527 0 00-1.11 1.83l-.094.253-.022.061 1.412.815-.072.394a4.952 4.952 0 00-.037 1.58l.037.224.072.394-1.41.815.02.062c.24.678.59 1.31 1.033 1.874l.171.208.044.05 1.41-.814.305.262c.402.346.857.623 1.347.82l.212.08.38.133v1.629l.086.017c.697.126 1.41.139 2.106.04l.26-.04.081-.018v-1.626l.377-.134c.5-.178.968-.434 1.388-.76l.177-.143.304-.259 1.407.813.045-.05a6.532 6.532 0 001.106-1.818l.094-.248.026-.079-1.415-.817.073-.393a4.952 4.952 0 00.036-1.58l-.036-.225-.073-.394 1.41-.815-.02-.062a6.56 6.56 0 00-1.033-1.873l-.17-.208-.045-.051-1.41.815-.305-.262a4.84 4.84 0 00-1.347-.82l-.212-.08-.38-.133V1.589l-.086-.017zM8 4.668a3.337 3.337 0 013.333 3.333A3.337 3.337 0 018 11.335 3.337 3.337 0 014.666 8 3.337 3.337 0 018 4.668zm.013 1.167c-1.212 0-2.2.988-2.2 2.2 0 1.212.988 2.2 2.2 2.2 1.212 0 2.2-.988 2.2-2.2 0-1.212-.988-2.2-2.2-2.2z"
fill="currentColor"
/>
</svg>
</div>
`;

exports[`Without className Icon Growth 1`] = `
<div>
<svg
Expand Down
20 changes: 19 additions & 1 deletion src/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1849,7 +1849,6 @@ export function CompanyObjective(props: BaseProps): JSX.Element {
width={14}
height={14}
viewBox="0 0 14 14"
fill="none"
{...props}
className={className}
>
Expand All @@ -1861,3 +1860,22 @@ export function CompanyObjective(props: BaseProps): JSX.Element {
</svg>
);
}

export function Gear(props: BaseProps): JSX.Element {
const className = cx(props.className, 'fill-current');

return (
<svg
width={16}
height={16}
viewBox="0 0 16 16"
{...props}
className={className}
>
<path
d="M6.312.519a7.764 7.764 0 013.373 0 .91.91 0 01.71.798l.005.09v1.02l.082.035c.303.135.593.295.868.478l.204.141.071.054.884-.51a.91.91 0 01.987.048l.075.06.065.063a7.707 7.707 0 011.693 2.933.913.913 0 01-.341 1.005l-.076.048-.888.512.012.09c.033.328.04.659.02.988l-.02.247-.011.089.885.512c.314.18.483.522.452.882l-.011.09-.021.092a7.652 7.652 0 01-1.688 2.922.907.907 0 01-1.046.217l-.081-.041-.888-.513-.073.055c-.268.193-.55.364-.845.511l-.224.106-.082.035v1.025a.91.91 0 01-.542.833l-.084.032-.087.024c-1.1.245-2.26.248-3.372 0a.91.91 0 01-.71-.798l-.005-.09v-1.024l-.083-.035a5.979 5.979 0 01-.868-.477l-.204-.142-.072-.054-.883.51a.91.91 0 01-.986-.047l-.076-.06-.064-.064a7.708 7.708 0 01-1.694-2.932.913.913 0 01.342-1.005l.076-.048.886-.513-.01-.089a6.084 6.084 0 01-.02-.989l.02-.247.01-.09-.884-.51a.91.91 0 01-.454-.885l.014-.088.022-.088a7.65 7.65 0 011.688-2.922.906.906 0 011.047-.218l.081.042.884.512.073-.055c.268-.193.551-.364.846-.51l.223-.107.082-.035V1.407a.91.91 0 01.545-.833l.083-.032.085-.023zM9.18 1.572a6.644 6.644 0 00-2.364 0l-.083.017v1.627l-.377.134c-.499.178-.967.435-1.387.76l-.177.144-.305.259-1.405-.814-.044.05a6.527 6.527 0 00-1.11 1.83l-.094.253-.022.061 1.412.815-.072.394a4.952 4.952 0 00-.037 1.58l.037.224.072.394-1.41.815.02.062c.24.678.59 1.31 1.033 1.874l.171.208.044.05 1.41-.814.305.262c.402.346.857.623 1.347.82l.212.08.38.133v1.629l.086.017c.697.126 1.41.139 2.106.04l.26-.04.081-.018v-1.626l.377-.134c.5-.178.968-.434 1.388-.76l.177-.143.304-.259 1.407.813.045-.05a6.532 6.532 0 001.106-1.818l.094-.248.026-.079-1.415-.817.073-.393a4.952 4.952 0 00.036-1.58l-.036-.225-.073-.394 1.41-.815-.02-.062a6.56 6.56 0 00-1.033-1.873l-.17-.208-.045-.051-1.41.815-.305-.262a4.84 4.84 0 00-1.347-.82l-.212-.08-.38-.133V1.589l-.086-.017zM8 4.668a3.337 3.337 0 013.333 3.333A3.337 3.337 0 018 11.335 3.337 3.337 0 014.666 8 3.337 3.337 0 018 4.668zm.013 1.167c-1.212 0-2.2.988-2.2 2.2 0 1.212.988 2.2 2.2 2.2 1.212 0 2.2-.988 2.2-2.2 0-1.212-.988-2.2-2.2-2.2z"
fill="currentColor"
/>
</svg>
);
}

0 comments on commit 39613df

Please sign in to comment.