Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 | 486x | // import { MenuUniqueIds } from "@utils/index";
import { useThemeContext } from "@components/EnterpriseSettings/Branding/Provider/CustomThemeProvider";
interface IconProps {
height?: number;
width?: number;
gradient?: boolean;
isMenu?: boolean;
stroke?: string;
}
const CogSettingsIcon = ({
width = 24,
height = 24,
stroke = "#575353",
gradient,
}: IconProps) => {
const { parseLinearGradientColor } = useThemeContext();
const [color1, color2] = parseLinearGradientColor();
if (gradient) {
return (
<svg
width={width}
height={height}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M14.4182 18.1363C14.4182 19.2208 13.539 20.1 12.4545 20.1L11.5454 20.1C10.4609 20.1 9.58179 19.2208 9.58179 18.1363L9.58179 17.838L9.37083 18.049C8.60398 18.8158 7.36067 18.8158 6.59382 18.049L5.951 17.4062C5.18415 16.6393 5.18415 15.396 5.951 14.6292L6.16201 14.4182L5.86361 14.4182C4.77913 14.4182 3.89998 13.539 3.89998 12.4545L3.89998 11.5454C3.89998 10.4609 4.77913 9.58179 5.86361 9.58179L6.16198 9.58179L5.951 9.37081C5.18415 8.60396 5.18415 7.36065 5.951 6.59381L6.59382 5.95098C7.36067 5.18414 8.60397 5.18414 9.37082 5.95098L9.5818 6.16196L9.5818 5.86361C9.5818 4.77912 10.4609 3.89998 11.5454 3.89998L12.4545 3.89998C13.539 3.89998 14.4182 4.77912 14.4182 5.86361L14.4182 6.16201L14.6291 5.95104C15.396 5.18419 16.6393 5.18419 17.4061 5.95104L18.049 6.59386C18.8158 7.36071 18.8158 8.60401 18.049 9.37086L17.838 9.58179L18.1363 9.58179C19.2208 9.58179 20.1 10.4609 20.1 11.5454L20.1 12.4545C20.1 13.539 19.2208 14.4182 18.1363 14.4182L17.838 14.4182L18.0489 14.6291C18.8158 15.396 18.8158 16.6393 18.0489 17.4061L17.4061 18.0489C16.6393 18.8158 15.396 18.8158 14.6291 18.0489L14.4182 17.838L14.4182 18.1363ZM12.4545 18.9C12.8763 18.9 13.2182 18.5581 13.2182 18.1363L13.2182 17.4868C13.2182 16.5473 14.354 16.0768 15.0184 16.7411L15.4777 17.2004C15.7759 17.4986 16.2594 17.4986 16.5576 17.2004L17.2004 16.5576C17.4986 16.2594 17.4986 15.7759 17.2004 15.4776L16.7412 15.0184C16.0768 14.3541 16.5473 13.2182 17.4868 13.2182L18.1363 13.2182C18.5581 13.2182 18.9 12.8763 18.9 12.4545L18.9 11.5454C18.9 11.1237 18.5581 10.7818 18.1363 10.7818L17.4869 10.7818C16.5474 10.7818 16.0769 9.6459 16.7412 8.98157L17.2004 8.52233L17.6247 8.9466L17.2004 8.52233C17.4986 8.22411 17.4986 7.74061 17.2004 7.44239L16.5576 6.79956C16.2594 6.50134 15.7759 6.50134 15.4777 6.79956L15.0184 7.25884C14.3541 7.92316 13.2182 7.45267 13.2182 6.51316L13.2182 5.86361C13.2182 5.44187 12.8763 5.09997 12.4545 5.09997L11.5454 5.09997C11.1237 5.09997 10.7818 5.44187 10.7818 5.86361L10.7818 6.51312C10.7818 7.45262 9.6459 7.92312 8.98157 7.25879L8.52229 6.79951C8.22407 6.50129 7.74057 6.50129 7.44235 6.79951L6.79952 7.44233C6.50131 7.74055 6.50131 8.22406 6.79952 8.52228L7.25881 8.98157C7.92314 9.64589 7.45264 10.7818 6.51314 10.7818L5.86361 10.7818C5.44187 10.7818 5.09998 11.1237 5.09998 11.5454L5.09998 12.4545C5.09998 12.8763 5.44187 13.2182 5.86361 13.2182L6.51317 13.2182C7.45267 13.2182 7.92317 14.3541 7.25884 15.0184L6.79953 15.4777C6.50131 15.7759 6.50131 16.2594 6.79953 16.5576L7.44235 17.2005C7.74057 17.4987 8.22408 17.4987 8.5223 17.2005L8.98157 16.7412C9.6459 16.0769 10.7818 16.5474 10.7818 17.4869L10.7818 18.1363C10.7818 18.5581 11.1237 18.9 11.5454 18.9L12.4545 18.9ZM12 13.9C13.0493 13.9 13.9 13.0493 13.9 12C13.9 10.9506 13.0493 10.1 12 10.1C11.6686 10.1 11.4 9.83134 11.4 9.49997C11.4 9.1686 11.6686 8.89997 12 8.89997C13.7121 8.89997 15.1 10.2879 15.1 12C15.1 13.7121 13.7121 15.1 12 15.1C10.2879 15.1 8.89998 13.7121 8.89998 12C8.89998 11.6686 9.1686 11.4 9.49998 11.4C9.83135 11.4 10.1 11.6686 10.1 12C10.1 13.0493 10.9506 13.9 12 13.9Z"
fill="url(#paint0_linear_389_209)"
fillRule="evenodd"
clipRule="evenodd"
/>
<defs>
<linearGradient
id="paint0_linear_389_209"
x1="0.0587818"
y1="11.1447"
x2="15.2936"
y2="0.951577"
gradientUnits="userSpaceOnUse"
>
<stop stopColor={color1} />
<stop offset="1" stopColor={color2} />
</linearGradient>
</defs>
</svg>
);
}
return (
<svg
width={width}
height={height}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M14.4182 18.1363C14.4182 19.2208 13.539 20.1 12.4545 20.1L11.5454 20.1C10.4609 20.1 9.58179 19.2208 9.58179 18.1363L9.58179 17.838L9.37083 18.049C8.60398 18.8158 7.36067 18.8158 6.59382 18.049L5.951 17.4062C5.18415 16.6393 5.18415 15.396 5.951 14.6292L6.16201 14.4182L5.86361 14.4182C4.77913 14.4182 3.89998 13.539 3.89998 12.4545L3.89998 11.5454C3.89998 10.4609 4.77913 9.58179 5.86361 9.58179L6.16198 9.58179L5.951 9.37081C5.18415 8.60396 5.18415 7.36065 5.951 6.59381L6.59382 5.95098C7.36067 5.18414 8.60397 5.18414 9.37082 5.95098L9.5818 6.16196L9.5818 5.86361C9.5818 4.77912 10.4609 3.89998 11.5454 3.89998L12.4545 3.89998C13.539 3.89998 14.4182 4.77912 14.4182 5.86361L14.4182 6.16201L14.6291 5.95104C15.396 5.18419 16.6393 5.18419 17.4061 5.95104L18.049 6.59386C18.8158 7.36071 18.8158 8.60401 18.049 9.37086L17.838 9.58179L18.1363 9.58179C19.2208 9.58179 20.1 10.4609 20.1 11.5454L20.1 12.4545C20.1 13.539 19.2208 14.4182 18.1363 14.4182L17.838 14.4182L18.0489 14.6291C18.8158 15.396 18.8158 16.6393 18.0489 17.4061L17.4061 18.0489C16.6393 18.8158 15.396 18.8158 14.6291 18.0489L14.4182 17.838L14.4182 18.1363ZM12.4545 18.9C12.8763 18.9 13.2182 18.5581 13.2182 18.1363L13.2182 17.4868C13.2182 16.5473 14.354 16.0768 15.0184 16.7411L15.4777 17.2004C15.7759 17.4986 16.2594 17.4986 16.5576 17.2004L17.2004 16.5576C17.4986 16.2594 17.4986 15.7759 17.2004 15.4776L16.7412 15.0184C16.0768 14.3541 16.5473 13.2182 17.4868 13.2182L18.1363 13.2182C18.5581 13.2182 18.9 12.8763 18.9 12.4545L18.9 11.5454C18.9 11.1237 18.5581 10.7818 18.1363 10.7818L17.4869 10.7818C16.5474 10.7818 16.0769 9.6459 16.7412 8.98157L17.2004 8.52233L17.6247 8.9466L17.2004 8.52233C17.4986 8.22411 17.4986 7.74061 17.2004 7.44239L16.5576 6.79956C16.2594 6.50134 15.7759 6.50134 15.4777 6.79956L15.0184 7.25884C14.3541 7.92316 13.2182 7.45267 13.2182 6.51316L13.2182 5.86361C13.2182 5.44187 12.8763 5.09997 12.4545 5.09997L11.5454 5.09997C11.1237 5.09997 10.7818 5.44187 10.7818 5.86361L10.7818 6.51312C10.7818 7.45262 9.6459 7.92312 8.98157 7.25879L8.52229 6.79951C8.22407 6.50129 7.74057 6.50129 7.44235 6.79951L6.79952 7.44233C6.50131 7.74055 6.50131 8.22406 6.79952 8.52228L7.25881 8.98157C7.92314 9.64589 7.45264 10.7818 6.51314 10.7818L5.86361 10.7818C5.44187 10.7818 5.09998 11.1237 5.09998 11.5454L5.09998 12.4545C5.09998 12.8763 5.44187 13.2182 5.86361 13.2182L6.51317 13.2182C7.45267 13.2182 7.92317 14.3541 7.25884 15.0184L6.79953 15.4777C6.50131 15.7759 6.50131 16.2594 6.79953 16.5576L7.44235 17.2005C7.74057 17.4987 8.22408 17.4987 8.5223 17.2005L8.98157 16.7412C9.6459 16.0769 10.7818 16.5474 10.7818 17.4869L10.7818 18.1363C10.7818 18.5581 11.1237 18.9 11.5454 18.9L12.4545 18.9ZM12 13.9C13.0493 13.9 13.9 13.0493 13.9 12C13.9 10.9506 13.0493 10.1 12 10.1C11.6686 10.1 11.4 9.83134 11.4 9.49997C11.4 9.1686 11.6686 8.89997 12 8.89997C13.7121 8.89997 15.1 10.2879 15.1 12C15.1 13.7121 13.7121 15.1 12 15.1C10.2879 15.1 8.89998 13.7121 8.89998 12C8.89998 11.6686 9.1686 11.4 9.49998 11.4C9.83135 11.4 10.1 11.6686 10.1 12C10.1 13.0493 10.9506 13.9 12 13.9Z"
fill={stroke}
fillRule="evenodd"
clipRule="evenodd"
/>
</svg>
);
};
export default CogSettingsIcon;
|