@fluentui/react-icons/lib/atoms/svg/code-block.js

Fluent System Icons are a collection of familiar, friendly, and modern icons from Microsoft.

"use client";
import { createFluentIcon } from '../../utils/createFluentIcon';
export const CodeBlockColor = ( /*#__PURE__*/createFluentIcon('CodeBlockColor', "1em", `<path d="M3 6a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6Z" fill="url(#ic_fluent_code_block_20_color__a)"/><path d="M8.85 7.85 6.71 10l2.14 2.15a.5.5 0 0 1-.7.7l-2.5-2.5a.5.5 0 0 1 0-.7l2.5-2.5a.5.5 0 1 1 .7.7Zm3-.7 2.5 2.5c.2.2.2.5 0 .7l-2.5 2.5a.5.5 0 0 1-.7-.7L13.29 10l-2.14-2.15a.5.5 0 0 1 .7-.7Z" fill="url(#ic_fluent_code_block_20_color__b)"/><defs><linearGradient id="ic_fluent_code_block_20_color__a" x1="6.41" y1="3" x2="14.09" y2="17" gradientUnits="userSpaceOnUse"><stop offset=".03" stop-color="#E67EEA"/><stop offset=".44" stop-color="#AD64D7"/><stop offset="1" stop-color="#794DC5"/></linearGradient><linearGradient id="ic_fluent_code_block_20_color__b" x1="7.63" y1="7.23" x2="11.16" y2="16.35" gradientUnits="userSpaceOnUse"><stop stop-color="#FDFDFD"/><stop offset="1" stop-color="#F9DCFA"/></linearGradient></defs>`, { color: true }));
export const CodeBlockFilled = ( /*#__PURE__*/createFluentIcon('CodeBlockFilled', "1em", ["M6 3a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H6Zm2.85 4.85L6.71 10l2.14 2.15a.5.5 0 0 1-.7.7l-2.5-2.5a.5.5 0 0 1 0-.7l2.5-2.5a.5.5 0 1 1 .7.7Zm3-.7 2.5 2.5c.2.2.2.5 0 .7l-2.5 2.5a.5.5 0 0 1-.7-.7L13.29 10l-2.14-2.15a.5.5 0 0 1 .7-.7Z"]));
export const CodeBlockRegular = ( /*#__PURE__*/createFluentIcon('CodeBlockRegular', "1em", ["M6 3a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H6ZM4 6c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6Zm4.85 1.85a.5.5 0 1 0-.7-.7l-2.5 2.5a.5.5 0 0 0 0 .7l2.5 2.5a.5.5 0 0 0 .7-.7L6.71 10l2.14-2.15Zm3-.7a.5.5 0 0 0-.7.7L13.29 10l-2.14 2.15a.5.5 0 0 0 .7.7l2.5-2.5a.5.5 0 0 0 0-.7l-2.5-2.5Z"]));
export const CodeBlock16Regular = ( /*#__PURE__*/createFluentIcon('CodeBlock16Regular', "16", ["M4.5 2A2.5 2.5 0 0 0 2 4.5v7A2.5 2.5 0 0 0 4.5 14h7a2.5 2.5 0 0 0 2.5-2.5v-7A2.5 2.5 0 0 0 11.5 2h-7ZM3 4.5C3 3.67 3.67 3 4.5 3h7c.83 0 1.5.67 1.5 1.5v7c0 .83-.67 1.5-1.5 1.5h-7A1.5 1.5 0 0 1 3 11.5v-7Zm6.85 1.15a.5.5 0 1 0-.7.7L10.79 8 9.15 9.65a.5.5 0 0 0 .7.7l2-2a.5.5 0 0 0 0-.7l-2-2Zm-3 .7a.5.5 0 0 0-.7-.7l-2 2a.5.5 0 0 0 0 .7l2 2a.5.5 0 0 0 .7-.7L5.21 8l1.64-1.65Z"]));
export const CodeBlock16Filled = ( /*#__PURE__*/createFluentIcon('CodeBlock16Filled', "16", ["M4.5 2A2.5 2.5 0 0 0 2 4.5v7A2.5 2.5 0 0 0 4.5 14h7a2.5 2.5 0 0 0 2.5-2.5v-7A2.5 2.5 0 0 0 11.5 2h-7Zm5.35 3.65 2 2c.2.2.2.5 0 .7l-2 2a.5.5 0 0 1-.7-.7L10.79 8 9.15 6.35a.5.5 0 1 1 .7-.7Zm-3 .7L5.21 8l1.64 1.65a.5.5 0 0 1-.7.7l-2-2a.5.5 0 0 1 0-.7l2-2a.5.5 0 0 1 .7.7Z"]));
export const CodeBlock16Color = ( /*#__PURE__*/createFluentIcon('CodeBlock16Color', "16", `<path d="M2 4.5A2.5 2.5 0 0 1 4.5 2h7A2.5 2.5 0 0 1 14 4.5v7a2.5 2.5 0 0 1-2.5 2.5h-7A2.5 2.5 0 0 1 2 11.5v-7Z" fill="url(#ic_fluent_code_block_16_color__a)"/><path d="M9.85 5.65a.5.5 0 1 0-.7.7L10.79 8 9.15 9.65a.5.5 0 0 0 .7.7l2-2a.5.5 0 0 0 0-.7l-2-2Zm-3 .7a.5.5 0 0 0-.7-.7l-2 2a.5.5 0 0 0 0 .7l2 2a.5.5 0 0 0 .7-.7L5.21 8l1.64-1.65Z" fill="url(#ic_fluent_code_block_16_color__b)"/><defs><linearGradient id="ic_fluent_code_block_16_color__a" x1="4.97" y1="2" x2="11.67" y2="14.2" gradientUnits="userSpaceOnUse"><stop offset=".03" stop-color="#E67EEA"/><stop offset=".44" stop-color="#AD64D7"/><stop offset="1" stop-color="#794DC5"/></linearGradient><linearGradient id="ic_fluent_code_block_16_color__b" x1="5.9" y1="5.69" x2="8.69" y2="13.42" gradientUnits="userSpaceOnUse"><stop stop-color="#FDFDFD"/><stop offset="1" stop-color="#F9DCFA"/></linearGradient></defs>`, { color: true }));
export const CodeBlock20Regular = ( /*#__PURE__*/createFluentIcon('CodeBlock20Regular', "20", ["M6 3a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H6ZM4 6c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6Zm4.85 1.85a.5.5 0 1 0-.7-.7l-2.5 2.5a.5.5 0 0 0 0 .7l2.5 2.5a.5.5 0 0 0 .7-.7L6.71 10l2.14-2.15Zm3-.7a.5.5 0 0 0-.7.7L13.29 10l-2.14 2.15a.5.5 0 0 0 .7.7l2.5-2.5a.5.5 0 0 0 0-.7l-2.5-2.5Z"]));
export const CodeBlock20Filled = ( /*#__PURE__*/createFluentIcon('CodeBlock20Filled', "20", ["M6 3a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H6Zm2.85 4.85L6.71 10l2.14 2.15a.5.5 0 0 1-.7.7l-2.5-2.5a.5.5 0 0 1 0-.7l2.5-2.5a.5.5 0 1 1 .7.7Zm3-.7 2.5 2.5c.2.2.2.5 0 .7l-2.5 2.5a.5.5 0 0 1-.7-.7L13.29 10l-2.14-2.15a.5.5 0 0 1 .7-.7Z"]));
export const CodeBlock20Color = ( /*#__PURE__*/createFluentIcon('CodeBlock20Color', "20", `<path d="M3 6a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6Z" fill="url(#ic_fluent_code_block_20_color__a)"/><path d="M8.85 7.85 6.71 10l2.14 2.15a.5.5 0 0 1-.7.7l-2.5-2.5a.5.5 0 0 1 0-.7l2.5-2.5a.5.5 0 1 1 .7.7Zm3-.7 2.5 2.5c.2.2.2.5 0 .7l-2.5 2.5a.5.5 0 0 1-.7-.7L13.29 10l-2.14-2.15a.5.5 0 0 1 .7-.7Z" fill="url(#ic_fluent_code_block_20_color__b)"/><defs><linearGradient id="ic_fluent_code_block_20_color__a" x1="6.41" y1="3" x2="14.09" y2="17" gradientUnits="userSpaceOnUse"><stop offset=".03" stop-color="#E67EEA"/><stop offset=".44" stop-color="#AD64D7"/><stop offset="1" stop-color="#794DC5"/></linearGradient><linearGradient id="ic_fluent_code_block_20_color__b" x1="7.63" y1="7.23" x2="11.16" y2="16.35" gradientUnits="userSpaceOnUse"><stop stop-color="#FDFDFD"/><stop offset="1" stop-color="#F9DCFA"/></linearGradient></defs>`, { color: true }));
export const CodeBlock24Regular = ( /*#__PURE__*/createFluentIcon('CodeBlock24Regular', "24", ["M6.25 3A3.25 3.25 0 0 0 3 6.25v11.5C3 19.55 4.46 21 6.25 21h11.5c1.8 0 3.25-1.46 3.25-3.25V6.25C21 4.45 19.54 3 17.75 3H6.25ZM4.5 6.25c0-.97.78-1.75 1.75-1.75h11.5c.97 0 1.75.78 1.75 1.75v11.5c0 .97-.78 1.75-1.75 1.75H6.25c-.97 0-1.75-.78-1.75-1.75V6.25Zm6.03 3.03a.75.75 0 1 0-1.06-1.06l-3.25 3.25c-.3.3-.3.77 0 1.06l3.25 3.25a.75.75 0 1 0 1.06-1.06L7.81 12l2.72-2.72Zm4-1.06a.75.75 0 1 0-1.06 1.06L16.19 12l-2.72 2.72a.75.75 0 1 0 1.06 1.06l3.25-3.25c.3-.3.3-.77 0-1.06l-3.25-3.25Z"]));
export const CodeBlock24Filled = ( /*#__PURE__*/createFluentIcon('CodeBlock24Filled', "24", ["M6.25 3A3.25 3.25 0 0 0 3 6.25v11.5C3 19.55 4.46 21 6.25 21h11.5c1.8 0 3.25-1.46 3.25-3.25V6.25C21 4.45 19.54 3 17.75 3H6.25Zm4.28 6.28L7.81 12l2.72 2.72a.75.75 0 1 1-1.06 1.06l-3.25-3.25a.75.75 0 0 1 0-1.06l3.25-3.25a.75.75 0 1 1 1.06 1.06Zm4-1.06 3.25 3.25c.3.3.3.77 0 1.06l-3.25 3.25a.75.75 0 1 1-1.06-1.06L16.19 12l-2.72-2.72a.75.75 0 0 1 1.06-1.06Z"]));
export const CodeBlock24Color = ( /*#__PURE__*/createFluentIcon('CodeBlock24Color', "24", `<path d="M3 6.25C3 4.45 4.46 3 6.25 3h11.5C19.55 3 21 4.46 21 6.25v11.5c0 1.8-1.46 3.25-3.25 3.25H6.25A3.25 3.25 0 0 1 3 17.75V6.25Z" fill="url(#ic_fluent_code_block_24_color__a)"/><path d="M10.53 9.28 7.81 12l2.72 2.72a.75.75 0 1 1-1.06 1.06l-3.25-3.25a.75.75 0 0 1 0-1.06l3.25-3.25a.75.75 0 1 1 1.06 1.06Zm4-1.06 3.25 3.25c.3.3.3.77 0 1.06l-3.25 3.25a.75.75 0 1 1-1.06-1.06L16.19 12l-2.72-2.72a.75.75 0 0 1 1.06-1.06Z" fill="url(#ic_fluent_code_block_24_color__b)"/><defs><linearGradient id="ic_fluent_code_block_24_color__a" x1="7.39" y1="3" x2="17.26" y2="21" gradientUnits="userSpaceOnUse"><stop offset=".03" stop-color="#E67EEA"/><stop offset=".44" stop-color="#AD64D7"/><stop offset="1" stop-color="#794DC5"/></linearGradient><linearGradient id="ic_fluent_code_block_24_color__b" x1="8.85" y1="8.31" x2="13.54" y2="20.47" gradientUnits="userSpaceOnUse"><stop stop-color="#FDFDFD"/><stop offset="1" stop-color="#F9DCFA"/></linearGradient></defs>`, { color: true }));
export const CodeBlock28Regular = ( /*#__PURE__*/createFluentIcon('CodeBlock28Regular', "28", ["M3 6.75A3.75 3.75 0 0 1 6.75 3h14.5A3.75 3.75 0 0 1 25 6.75v14.5A3.75 3.75 0 0 1 21.25 25H6.75A3.75 3.75 0 0 1 3 21.25V6.75ZM6.75 4.5c-1.24 0-2.25 1-2.25 2.25v14.5c0 1.24 1 2.25 2.25 2.25h14.5c1.24 0 2.25-1 2.25-2.25V6.75c0-1.24-1-2.25-2.25-2.25H6.75Zm5.28 4.72c.3.3.3.77 0 1.06L8.31 14l3.72 3.72a.75.75 0 1 1-1.06 1.06l-4.25-4.25a.75.75 0 0 1 0-1.06l4.25-4.25c.3-.3.77-.3 1.06 0Zm5 0a.75.75 0 1 0-1.06 1.06L19.69 14l-3.72 3.72a.75.75 0 1 0 1.06 1.06l4.25-4.25c.3-.3.3-.77 0-1.06l-4.25-4.25Z"]));
export const CodeBlock28Filled = ( /*#__PURE__*/createFluentIcon('CodeBlock28Filled', "28", ["M3 6.75A3.75 3.75 0 0 1 6.75 3h14.5A3.75 3.75 0 0 1 25 6.75v14.5A3.75 3.75 0 0 1 21.25 25H6.75A3.75 3.75 0 0 1 3 21.25V6.75Zm9.03 2.47a.75.75 0 0 0-1.06 0l-4.25 4.25c-.3.3-.3.77 0 1.06l4.25 4.25a.75.75 0 1 0 1.06-1.06L8.31 14l3.72-3.72c.3-.3.3-.77 0-1.06Zm5 0a.75.75 0 1 0-1.06 1.06L19.69 14l-3.72 3.72a.75.75 0 1 0 1.06 1.06l4.25-4.25c.3-.3.3-.77 0-1.06l-4.25-4.25Z"]));
export const CodeBlock28Color = ( /*#__PURE__*/createFluentIcon('CodeBlock28Color', "28", `<path d="M3 6.75A3.75 3.75 0 0 1 6.75 3h14.5A3.75 3.75 0 0 1 25 6.75v14.5A3.75 3.75 0 0 1 21.25 25H6.75A3.75 3.75 0 0 1 3 21.25V6.75Z" fill="url(#ic_fluent_code_block_28_color__a)"/><path d="M12.03 9.22a.75.75 0 0 0-1.06 0l-4.25 4.25c-.3.3-.3.77 0 1.06l4.25 4.25a.75.75 0 1 0 1.06-1.06L8.31 14l3.72-3.72c.3-.3.3-.77 0-1.06Zm5 0a.75.75 0 1 0-1.06 1.06L19.69 14l-3.72 3.72a.75.75 0 1 0 1.06 1.06l4.25-4.25c.3-.3.3-.77 0-1.06l-4.25-4.25Z" fill="url(#ic_fluent_code_block_28_color__b)"/><defs><linearGradient id="ic_fluent_code_block_28_color__a" x1="8.36" y1="3" x2="20.43" y2="25" gradientUnits="userSpaceOnUse"><stop offset=".03" stop-color="#E67EEA"/><stop offset=".44" stop-color="#AD64D7"/><stop offset="1" stop-color="#794DC5"/></linearGradient><linearGradient id="ic_fluent_code_block_28_color__b" x1="10.06" y1="9.38" x2="15.93" y2="24.59" gradientUnits="userSpaceOnUse"><stop stop-color="#FDFDFD"/><stop offset="1" stop-color="#F9DCFA"/></linearGradient></defs>`, { color: true }));
export const CodeBlock32Regular = ( /*#__PURE__*/createFluentIcon('CodeBlock32Regular', "32", ["M3 7.5A4.5 4.5 0 0 1 7.5 3h17A4.5 4.5 0 0 1 29 7.5v17a4.5 4.5 0 0 1-4.5 4.5h-17A4.5 4.5 0 0 1 3 24.5v-17ZM7.5 5A2.5 2.5 0 0 0 5 7.5v17A2.5 2.5 0 0 0 7.5 27h17a2.5 2.5 0 0 0 2.5-2.5v-17A2.5 2.5 0 0 0 24.5 5h-17Zm6.2 5.3a1 1 0 0 1 0 1.4L9.42 16l4.3 4.3a1 1 0 0 1-1.42 1.4l-5-5a1 1 0 0 1 0-1.4l5-5a1 1 0 0 1 1.42 0Zm4.6 1.4a1 1 0 0 1 1.4-1.4l5 5a1 1 0 0 1 0 1.4l-5 5a1 1 0 0 1-1.4-1.4l4.29-4.3-4.3-4.3Z"]));
export const CodeBlock32Filled = ( /*#__PURE__*/createFluentIcon('CodeBlock32Filled', "32", ["M3 7.5A4.5 4.5 0 0 1 7.5 3h17A4.5 4.5 0 0 1 29 7.5v17a4.5 4.5 0 0 1-4.5 4.5h-17A4.5 4.5 0 0 1 3 24.5v-17Zm10.7 2.8a1 1 0 0 0-1.4 0l-5 5a1 1 0 0 0 0 1.4l5 5a1 1 0 0 0 1.4-1.4L9.42 16l4.3-4.3a1 1 0 0 0 0-1.4Zm4.6 1.4 4.29 4.3-4.3 4.3a1 1 0 0 0 1.42 1.4l5-5a1 1 0 0 0 0-1.4l-5-5a1 1 0 1 0-1.42 1.4Z"]));
export const CodeBlock32Color = ( /*#__PURE__*/createFluentIcon('CodeBlock32Color', "32", `<path d="M3 7.5A4.5 4.5 0 0 1 7.5 3h17A4.5 4.5 0 0 1 29 7.5v17a4.5 4.5 0 0 1-4.5 4.5h-17A4.5 4.5 0 0 1 3 24.5v-17Z" fill="url(#ic_fluent_code_block_32_color__a)"/><path d="M13.7 10.3a1 1 0 0 0-1.4 0l-5 5a1 1 0 0 0 0 1.4l5 5a1 1 0 0 0 1.4-1.4L9.42 16l4.3-4.3a1 1 0 0 0 0-1.4Zm4.6 1.4 4.29 4.3-4.3 4.3a1 1 0 0 0 1.42 1.4l5-5a1 1 0 0 0 0-1.4l-5-5a1 1 0 1 0-1.42 1.4Z" fill="url(#ic_fluent_code_block_32_color__b)"/><defs><linearGradient id="ic_fluent_code_block_32_color__a" x1="9.34" y1="3" x2="23.6" y2="29" gradientUnits="userSpaceOnUse"><stop offset=".03" stop-color="#E67EEA"/><stop offset=".44" stop-color="#AD64D7"/><stop offset="1" stop-color="#794DC5"/></linearGradient><linearGradient id="ic_fluent_code_block_32_color__b" x1="11.27" y1="10.46" x2="18.32" y2="28.71" gradientUnits="userSpaceOnUse"><stop stop-color="#FDFDFD"/><stop offset="1" stop-color="#F9DCFA"/></linearGradient></defs>`, { color: true }));
export const CodeBlock48Regular = ( /*#__PURE__*/createFluentIcon('CodeBlock48Regular', "48", ["M6 12.25C6 8.8 8.8 6 12.25 6h23.5C39.2 6 42 8.8 42 12.25v23.5C42 39.2 39.2 42 35.75 42h-23.5A6.25 6.25 0 0 1 6 35.75v-23.5Zm6.25-3.75a3.75 3.75 0 0 0-3.75 3.75v23.5a3.75 3.75 0 0 0 3.75 3.75h23.5a3.75 3.75 0 0 0 3.75-3.75v-23.5a3.75 3.75 0 0 0-3.75-3.75h-23.5Zm8.63 6.87c.5.48.5 1.28 0 1.76L14.02 24l6.86 6.87a1.25 1.25 0 0 1-1.76 1.76l-7.75-7.75a1.25 1.25 0 0 1 0-1.76l7.75-7.75a1.25 1.25 0 0 1 1.76 0Zm8 0a1.25 1.25 0 0 0-1.76 1.76L33.98 24l-6.86 6.87a1.25 1.25 0 0 0 1.76 1.76l7.75-7.75c.5-.48.5-1.28 0-1.76l-7.75-7.75Z"]));
export const CodeBlock48Filled = ( /*#__PURE__*/createFluentIcon('CodeBlock48Filled', "48", ["M12 6a6 6 0 0 0-6 6v24a6 6 0 0 0 6 6h24a6 6 0 0 0 6-6V12a6 6 0 0 0-6-6H12Zm8.88 9.37c.5.48.5 1.28 0 1.76L14.02 24l6.86 6.87a1.25 1.25 0 0 1-1.76 1.76l-7.75-7.75a1.25 1.25 0 0 1 0-1.76l7.75-7.75a1.25 1.25 0 0 1 1.76 0Zm8 0 7.75 7.75c.5.48.5 1.28 0 1.76l-7.75 7.75a1.25 1.25 0 0 1-1.76-1.76L33.98 24l-6.86-6.87a1.25 1.25 0 0 1 1.76-1.76Z"]));
export const CodeBlock48Color = ( /*#__PURE__*/createFluentIcon('CodeBlock48Color', "48", `<path d="M12 6a6 6 0 0 0-6 6v24a6 6 0 0 0 6 6h24a6 6 0 0 0 6-6V12a6 6 0 0 0-6-6H12Z" fill="url(#ic_fluent_code_block_48_color__a)"/><path d="M20.88 15.37c.5.48.5 1.28 0 1.76L14.02 24l6.86 6.87a1.25 1.25 0 0 1-1.76 1.76l-7.75-7.75a1.25 1.25 0 0 1 0-1.76l7.75-7.75a1.25 1.25 0 0 1 1.76 0Zm8 0 7.75 7.75c.5.48.5 1.28 0 1.76l-7.75 7.75a1.25 1.25 0 0 1-1.76-1.76L33.98 24l-6.86-6.87a1.25 1.25 0 0 1 1.76-1.76Z" fill="url(#ic_fluent_code_block_48_color__b)"/><defs><linearGradient id="ic_fluent_code_block_48_color__a" x1="14.78" y1="6" x2="34.52" y2="42" gradientUnits="userSpaceOnUse"><stop offset=".03" stop-color="#E67EEA"/><stop offset=".44" stop-color="#AD64D7"/><stop offset="1" stop-color="#794DC5"/></linearGradient><linearGradient id="ic_fluent_code_block_48_color__b" x1="17.16" y1="15.69" x2="28.03" y2="42.79" gradientUnits="userSpaceOnUse"><stop stop-color="#FDFDFD"/><stop offset="1" stop-color="#F9DCFA"/></linearGradient></defs>`, { color: true }));