@fluentui/react-icons/lib/atoms/svg/content-view.js

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

"use client";
import { createFluentIcon } from '../../utils/createFluentIcon';
export const ContentViewColor = ( /*#__PURE__*/createFluentIcon('ContentViewColor', "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_content_view_20_color__a)"/><path d="M5 7a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V7Z" fill="url(#ic_fluent_content_view_20_color__b)"/><path d="M5 11.5c0-.28.22-.5.5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5Z" fill="url(#ic_fluent_content_view_20_color__c)"/><path d="M5.5 13a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4Z" fill="url(#ic_fluent_content_view_20_color__d)"/><path d="M11 12a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-1Z" fill="url(#ic_fluent_content_view_20_color__e)"/><defs><linearGradient id="ic_fluent_content_view_20_color__a" x1="8" y1="3" x2="13.36" y2="16.25" gradientUnits="userSpaceOnUse"><stop stop-color="#B3E0FF"/><stop offset="1" stop-color="#8CD0FF"/></linearGradient><linearGradient id="ic_fluent_content_view_20_color__b" x1="5" y1="6" x2="16.35" y2="10.82" gradientUnits="userSpaceOnUse"><stop stop-color="#0094F0"/><stop offset="1" stop-color="#2764E7"/></linearGradient><linearGradient id="ic_fluent_content_view_20_color__c" x1="5" y1="6" x2="16.35" y2="10.82" gradientUnits="userSpaceOnUse"><stop stop-color="#0094F0"/><stop offset="1" stop-color="#2764E7"/></linearGradient><linearGradient id="ic_fluent_content_view_20_color__d" x1="5" y1="6" x2="16.35" y2="10.82" gradientUnits="userSpaceOnUse"><stop stop-color="#0094F0"/><stop offset="1" stop-color="#2764E7"/></linearGradient><linearGradient id="ic_fluent_content_view_20_color__e" x1="5" y1="6" x2="16.35" y2="10.82" gradientUnits="userSpaceOnUse"><stop stop-color="#0094F0"/><stop offset="1" stop-color="#2764E7"/></linearGradient></defs>`, { color: true }));
export const ContentViewFilled = ( /*#__PURE__*/createFluentIcon('ContentViewFilled', "1em", ["M14 7H6v2h8V7Zm-2 5h2v1h-2v-1ZM6 3a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H6ZM5 7a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V7Zm7 4h2a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1Zm-7 .5c0-.28.22-.5.5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5Zm.5 1.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1 0-1Z"]));
export const ContentViewRegular = ( /*#__PURE__*/createFluentIcon('ContentViewRegular', "1em", ["M5 7a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V7Zm9 0H6v2h8V7Zm-2 4a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1h-2Zm0 1h2v1h-2v-1Zm-7-.5c0-.28.22-.5.5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5Zm.5 1.5a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4ZM3 6a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6Zm3-2a2 2 0 0 0-2 2v8c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H6Z"]));
export const ContentView16Regular = ( /*#__PURE__*/createFluentIcon('ContentView16Regular', "16", ["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-7ZM4.5 3C3.67 3 3 3.67 3 4.5v7c0 .83.67 1.5 1.5 1.5h7c.83 0 1.5-.67 1.5-1.5v-7c0-.83-.67-1.5-1.5-1.5h-7ZM4 11.5c0-.28.22-.5.5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5ZM4.5 9a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3ZM4 5a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5Zm7 0H5v2h6V5Zm-1 4a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1h-1Zm0 1h1v1h-1v-1Z"]));
export const ContentView16Filled = ( /*#__PURE__*/createFluentIcon('ContentView16Filled', "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-7ZM4 11.5c0-.28.22-.5.5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5ZM4.5 9h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1ZM4 5a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5Zm7 0H5v2h6V5Zm-1 4h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1Zm0 1h1v1h-1v-1Z"]));
export const ContentView16Color = ( /*#__PURE__*/createFluentIcon('ContentView16Color', "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_content_view_16_color__a)"/><path d="M4 11.5c0-.28.22-.5.5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5ZM4.5 9a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3ZM4 5a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5Zm6 4a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1h-1Z" fill="url(#ic_fluent_content_view_16_color__b)"/><defs><linearGradient id="ic_fluent_content_view_16_color__a" x1="6.29" y1="2" x2="10.88" y2="13.35" gradientUnits="userSpaceOnUse"><stop stop-color="#B3E0FF"/><stop offset="1" stop-color="#8CD0FF"/></linearGradient><linearGradient id="ic_fluent_content_view_16_color__b" x1="4" y1="4" x2="13.61" y2="7.27" gradientUnits="userSpaceOnUse"><stop stop-color="#0094F0"/><stop offset="1" stop-color="#2764E7"/></linearGradient></defs>`, { color: true }));
export const ContentView20Regular = ( /*#__PURE__*/createFluentIcon('ContentView20Regular', "20", ["M5 7a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V7Zm9 0H6v2h8V7Zm-2 4a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1h-2Zm0 1h2v1h-2v-1Zm-7-.5c0-.28.22-.5.5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5Zm.5 1.5a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4ZM3 6a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6Zm3-2a2 2 0 0 0-2 2v8c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H6Z"]));
export const ContentView20Filled = ( /*#__PURE__*/createFluentIcon('ContentView20Filled', "20", ["M14 7H6v2h8V7Zm-2 5h2v1h-2v-1ZM6 3a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H6ZM5 7a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V7Zm7 4h2a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1Zm-7 .5c0-.28.22-.5.5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5Zm.5 1.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1 0-1Z"]));
export const ContentView20Color = ( /*#__PURE__*/createFluentIcon('ContentView20Color', "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_content_view_20_color__a)"/><path d="M5 7a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V7Z" fill="url(#ic_fluent_content_view_20_color__b)"/><path d="M5 11.5c0-.28.22-.5.5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5Z" fill="url(#ic_fluent_content_view_20_color__c)"/><path d="M5.5 13a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4Z" fill="url(#ic_fluent_content_view_20_color__d)"/><path d="M11 12a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-1Z" fill="url(#ic_fluent_content_view_20_color__e)"/><defs><linearGradient id="ic_fluent_content_view_20_color__a" x1="8" y1="3" x2="13.36" y2="16.25" gradientUnits="userSpaceOnUse"><stop stop-color="#B3E0FF"/><stop offset="1" stop-color="#8CD0FF"/></linearGradient><linearGradient id="ic_fluent_content_view_20_color__b" x1="5" y1="6" x2="16.35" y2="10.82" gradientUnits="userSpaceOnUse"><stop stop-color="#0094F0"/><stop offset="1" stop-color="#2764E7"/></linearGradient><linearGradient id="ic_fluent_content_view_20_color__c" x1="5" y1="6" x2="16.35" y2="10.82" gradientUnits="userSpaceOnUse"><stop stop-color="#0094F0"/><stop offset="1" stop-color="#2764E7"/></linearGradient><linearGradient id="ic_fluent_content_view_20_color__d" x1="5" y1="6" x2="16.35" y2="10.82" gradientUnits="userSpaceOnUse"><stop stop-color="#0094F0"/><stop offset="1" stop-color="#2764E7"/></linearGradient><linearGradient id="ic_fluent_content_view_20_color__e" x1="5" y1="6" x2="16.35" y2="10.82" gradientUnits="userSpaceOnUse"><stop stop-color="#0094F0"/><stop offset="1" stop-color="#2764E7"/></linearGradient></defs>`, { color: true }));
export const ContentView24Regular = ( /*#__PURE__*/createFluentIcon('ContentView24Regular', "24", ["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.25ZM6.25 4.5c-.97 0-1.75.78-1.75 1.75v11.5c0 .97.78 1.75 1.75 1.75h11.5c.97 0 1.75-.78 1.75-1.75V6.25c0-.97-.78-1.75-1.75-1.75H6.25ZM6 8.25c0-.97.78-1.75 1.75-1.75h8.5c.97 0 1.75.78 1.75 1.75v1.5c0 .97-.78 1.75-1.75 1.75h-8.5C6.78 11.5 6 10.72 6 9.75v-1.5ZM7.75 8a.25.25 0 0 0-.25.25v1.5c0 .14.11.25.25.25h8.5c.14 0 .25-.11.25-.25v-1.5a.25.25 0 0 0-.25-.25h-8.5Zm-1 5a.75.75 0 0 0 0 1.5h4.5a.75.75 0 0 0 0-1.5h-4.5ZM6 16.75c0-.41.34-.75.75-.75h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75ZM15.25 13c-.97 0-1.75.78-1.75 1.75v1c0 .97.78 1.75 1.75 1.75h1c.97 0 1.75-.78 1.75-1.75v-1c0-.97-.78-1.75-1.75-1.75h-1ZM15 14.75c0-.14.11-.25.25-.25h1c.14 0 .25.11.25.25v1c0 .14-.11.25-.25.25h-1a.25.25 0 0 1-.25-.25v-1Z"]));
export const ContentView24Filled = ( /*#__PURE__*/createFluentIcon('ContentView24Filled', "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.25ZM6 8.25c0-.97.78-1.75 1.75-1.75h8.5c.97 0 1.75.78 1.75 1.75v1.5c0 .97-.78 1.75-1.75 1.75h-8.5C6.78 11.5 6 10.72 6 9.75v-1.5ZM7.75 8a.25.25 0 0 0-.25.25v1.5c0 .14.11.25.25.25h8.5c.14 0 .25-.11.25-.25v-1.5a.25.25 0 0 0-.25-.25h-8.5Zm-1 5h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5ZM6 16.75c0-.41.34-.75.75-.75h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75ZM15.25 13h1c.97 0 1.75.78 1.75 1.75v1c0 .97-.78 1.75-1.75 1.75h-1c-.97 0-1.75-.78-1.75-1.75v-1c0-.97.78-1.75 1.75-1.75ZM15 14.75c0-.14.11-.25.25-.25h1c.14 0 .25.11.25.25v1c0 .14-.11.25-.25.25h-1a.25.25 0 0 1-.25-.25v-1Z"]));
export const ContentView24Color = ( /*#__PURE__*/createFluentIcon('ContentView24Color', "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_content_view_24_color__a)"/><path d="M6 8.25c0-.97.78-1.75 1.75-1.75h8.5c.97 0 1.75.78 1.75 1.75v1.5c0 .97-.78 1.75-1.75 1.75h-8.5C6.78 11.5 6 10.72 6 9.75v-1.5ZM6.75 13a.75.75 0 0 0 0 1.5h4.5a.75.75 0 0 0 0-1.5h-4.5ZM6 16.75c0-.41.34-.75.75-.75h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75ZM15.25 13c-.97 0-1.75.78-1.75 1.75v1c0 .97.78 1.75 1.75 1.75h1c.97 0 1.75-.78 1.75-1.75v-1c0-.97-.78-1.75-1.75-1.75h-1Z" fill="url(#ic_fluent_content_view_24_color__b)"/><defs><linearGradient id="ic_fluent_content_view_24_color__a" x1="9.43" y1="3" x2="16.32" y2="20.03" gradientUnits="userSpaceOnUse"><stop stop-color="#B3E0FF"/><stop offset="1" stop-color="#8CD0FF"/></linearGradient><linearGradient id="ic_fluent_content_view_24_color__b" x1="6" y1="6.5" x2="20.14" y2="11.74" gradientUnits="userSpaceOnUse"><stop stop-color="#0094F0"/><stop offset="1" stop-color="#2764E7"/></linearGradient></defs>`, { color: true }));
export const ContentView28Regular = ( /*#__PURE__*/createFluentIcon('ContentView28Regular', "28", ["M6.75 3A3.75 3.75 0 0 0 3 6.75v14.5A3.75 3.75 0 0 0 6.75 25h14.5A3.75 3.75 0 0 0 25 21.25V6.75A3.75 3.75 0 0 0 21.25 3H6.75ZM4.5 6.75c0-1.24 1-2.25 2.25-2.25h14.5c1.24 0 2.25 1 2.25 2.25v14.5c0 1.24-1 2.25-2.25 2.25H6.75c-1.24 0-2.25-1-2.25-2.25V6.75ZM6 9c0-1.1.9-2 2-2h12a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V9Zm2-.5a.5.5 0 0 0-.5.5v2c0 .28.22.5.5.5h12a.5.5 0 0 0 .5-.5V9a.5.5 0 0 0-.5-.5H8Zm-2 7.25c0-.41.34-.75.75-.75h5.5a.75.75 0 0 1 0 1.5h-5.5a.75.75 0 0 1-.75-.75Zm.75 3a.75.75 0 0 0 0 1.5h5.5a.75.75 0 0 0 0-1.5h-5.5Zm8.75-2.5c0-.97.78-1.75 1.75-1.75h3c.97 0 1.75.78 1.75 1.75v3c0 .97-.78 1.75-1.75 1.75h-3c-.97 0-1.75-.78-1.75-1.75v-3Zm1.75-.25a.25.25 0 0 0-.25.25v3c0 .14.11.25.25.25h3c.14 0 .25-.11.25-.25v-3a.25.25 0 0 0-.25-.25h-3Z"]));
export const ContentView28Filled = ( /*#__PURE__*/createFluentIcon('ContentView28Filled', "28", ["M6.75 3A3.75 3.75 0 0 0 3 6.75v14.5A3.75 3.75 0 0 0 6.75 25h14.5A3.75 3.75 0 0 0 25 21.25V6.75A3.75 3.75 0 0 0 21.25 3H6.75ZM6 9c0-1.1.9-2 2-2h12a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V9Zm2-.5a.5.5 0 0 0-.5.5v2c0 .28.22.5.5.5h12a.5.5 0 0 0 .5-.5V9a.5.5 0 0 0-.5-.5H8ZM6.75 15h5.5a.75.75 0 0 1 0 1.5h-5.5a.75.75 0 0 1 0-1.5ZM6 19.5c0-.41.34-.75.75-.75h5.5a.75.75 0 0 1 0 1.5h-5.5A.75.75 0 0 1 6 19.5Zm11.25-5h3c.97 0 1.75.78 1.75 1.75v3c0 .97-.78 1.75-1.75 1.75h-3c-.97 0-1.75-.78-1.75-1.75v-3c0-.97.78-1.75 1.75-1.75ZM17 16.25c0-.14.11-.25.25-.25h3c.14 0 .25.11.25.25v3c0 .14-.11.25-.25.25h-3a.25.25 0 0 1-.25-.25v-3Z"]));
export const ContentView28Color = ( /*#__PURE__*/createFluentIcon('ContentView28Color', "28", `<path d="M6.75 3A3.75 3.75 0 0 0 3 6.75v14.5A3.75 3.75 0 0 0 6.75 25h14.5A3.75 3.75 0 0 0 25 21.25V6.75A3.75 3.75 0 0 0 21.25 3H6.75Z" fill="url(#ic_fluent_content_view_28_color__a)"/><path d="M6 9c0-1.1.9-2 2-2h12a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V9Zm0 6.75c0-.41.34-.75.75-.75h5.5a.75.75 0 0 1 0 1.5h-5.5a.75.75 0 0 1-.75-.75Zm.75 3a.75.75 0 0 0 0 1.5h5.5a.75.75 0 0 0 0-1.5h-5.5Zm8.75-2.5c0-.97.78-1.75 1.75-1.75h3c.97 0 1.75.78 1.75 1.75v3c0 .97-.78 1.75-1.75 1.75h-3c-.97 0-1.75-.78-1.75-1.75v-3Z" fill="url(#ic_fluent_content_view_28_color__b)"/><defs><linearGradient id="ic_fluent_content_view_28_color__a" x1="10.86" y1="3" x2="19.29" y2="23.81" gradientUnits="userSpaceOnUse"><stop stop-color="#B3E0FF"/><stop offset="1" stop-color="#8CD0FF"/></linearGradient><linearGradient id="ic_fluent_content_view_28_color__b" x1="6" y1="7" x2="24.63" y2="14.24" gradientUnits="userSpaceOnUse"><stop stop-color="#0094F0"/><stop offset="1" stop-color="#2764E7"/></linearGradient></defs>`, { color: true }));
export const ContentView32Regular = ( /*#__PURE__*/createFluentIcon('ContentView32Regular', "32", ["M8 11c0-1.1.9-2 2-2h12a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2v-3Zm14 0H10v3h12v-3Zm-3 7a2 2 0 0 0-2 2v2c0 1.1.9 2 2 2h3a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2h-3Zm0 2h3v2h-3v-2ZM8 19a1 1 0 0 1 1-1h5a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1Zm1 3a1 1 0 1 0 0 2h5a1 1 0 1 0 0-2H9ZM9 4a5 5 0 0 0-5 5v14a5 5 0 0 0 5 5h14a5 5 0 0 0 5-5V9a5 5 0 0 0-5-5H9ZM6 9a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3V9Z"]));
export const ContentView32Filled = ( /*#__PURE__*/createFluentIcon('ContentView32Filled', "32", ["M22 11H10v3h12v-3Zm-3 9h3v2h-3v-2ZM9 4a5 5 0 0 0-5 5v14a5 5 0 0 0 5 5h14a5 5 0 0 0 5-5V9a5 5 0 0 0-5-5H9Zm-1 7c0-1.1.9-2 2-2h12a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2v-3Zm11 7h3a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-3a2 2 0 0 1-2-2v-2c0-1.1.9-2 2-2ZM8 19a1 1 0 0 1 1-1h5a1 1 0 0 1 0 2H9a1 1 0 0 1-1-1Zm1 3h5a1 1 0 0 1 0 2H9a1 1 0 1 1 0-2Z"]));
export const ContentView32Color = ( /*#__PURE__*/createFluentIcon('ContentView32Color', "32", `<path d="M9 4a5 5 0 0 0-5 5v14a5 5 0 0 0 5 5h14a5 5 0 0 0 5-5V9a5 5 0 0 0-5-5H9Z" fill="url(#ic_fluent_content_view_32_color__a)"/><path d="M8 11c0-1.1.9-2 2-2h12a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2v-3Zm11 7a2 2 0 0 0-2 2v2c0 1.1.9 2 2 2h3a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2h-3ZM8 19a1 1 0 0 1 1-1h5a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1Zm1 3a1 1 0 1 0 0 2h5a1 1 0 1 0 0-2H9Z" fill="url(#ic_fluent_content_view_32_color__b)"/><defs><linearGradient id="ic_fluent_content_view_32_color__a" x1="12.57" y1="4" x2="21.76" y2="26.71" gradientUnits="userSpaceOnUse"><stop stop-color="#B3E0FF"/><stop offset="1" stop-color="#8CD0FF"/></linearGradient><linearGradient id="ic_fluent_content_view_32_color__b" x1="8" y1="9" x2="26.95" y2="15.87" gradientUnits="userSpaceOnUse"><stop stop-color="#0094F0"/><stop offset="1" stop-color="#2764E7"/></linearGradient></defs>`, { color: true }));