@fluentui/react-icons/lib/atoms/svg/ribbon.js

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

"use client";
import { createFluentIcon } from '../../utils/createFluentIcon';
export const RibbonColor = ( /*#__PURE__*/createFluentIcon('RibbonColor', "1em", `<path d="M10 12.75c1.49 0 2.87-.46 4-1.25v6a.5.5 0 0 1-.8.4L10 16l-3.2 1.9a.5.5 0 0 1-.8-.4v-6a6.97 6.97 0 0 0 4 1.25Z" fill="url(#ic_fluent_ribbon_20_color__a)"/><path d="M16 8A6 6 0 1 1 4 8a6 6 0 0 1 12 0Z" fill="url(#ic_fluent_ribbon_20_color__b)"/><defs><radialGradient id="ic_fluent_ribbon_20_color__a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 10.2442 -17.6591 0 10 10.49)"><stop stop-color="#163697"/><stop offset="1" stop-color="#29C3FF"/></radialGradient><radialGradient id="ic_fluent_ribbon_20_color__b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(56.62 26.17 -40.36) scale(66.981 57.3661)"><stop offset=".77" stop-color="#FFCD0F"/><stop offset=".99" stop-color="#E67505"/></radialGradient></defs>`, { color: true }));
export const RibbonFilled = ( /*#__PURE__*/createFluentIcon('RibbonFilled', "1em", ["M16 8A6 6 0 1 1 4 8a6 6 0 0 1 12 0Zm-6 7c1.49 0 2.87-.46 4-1.25v3.75a.5.5 0 0 1-.8.4L10 16l-3.2 1.9a.5.5 0 0 1-.8-.4v-3.75A6.97 6.97 0 0 0 10 15Z"]));
export const RibbonRegular = ( /*#__PURE__*/createFluentIcon('RibbonRegular', "1em", ["M16 8c0 1.78-.77 3.37-2 4.47v5.03a.5.5 0 0 1-.75.43L10 16.08l-3.25 1.85A.5.5 0 0 1 6 17.5v-5.03A5.98 5.98 0 0 1 10 2a6 6 0 0 1 6 6Zm-6 6c-1.1 0-2.12-.3-3-.8v3.44l2.75-1.57a.5.5 0 0 1 .5 0L13 16.64V13.2c-.88.5-1.9.8-3 .8Zm0-1a5 5 0 1 0 0-10 5 5 0 0 0 0 10Z"]));
export const Ribbon12Regular = ( /*#__PURE__*/createFluentIcon('Ribbon12Regular', "12", ["M3.5 4.5a2.5 2.5 0 1 1 5 0 2.5 2.5 0 0 1-5 0ZM6 1a3.5 3.5 0 0 0-2 6.37v3.13a.5.5 0 0 0 .78.42L6 10.1l1.22.82A.5.5 0 0 0 8 10.5V7.37A3.5 3.5 0 0 0 6 1Zm1 6.86v1.7l-.72-.48a.5.5 0 0 0-.56 0L5 9.57V7.86a3.5 3.5 0 0 0 2 0Z"]));
export const Ribbon12Filled = ( /*#__PURE__*/createFluentIcon('Ribbon12Filled', "12", ["M6 8a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm0 1c.73 0 1.41-.2 2-.54v2.04a.5.5 0 0 1-.78.42L6 10.1l-1.22.82A.5.5 0 0 1 4 10.5V8.46c.59.35 1.27.54 2 .54Z"]));
export const Ribbon16Regular = ( /*#__PURE__*/createFluentIcon('Ribbon16Regular', "16", ["M8 1a5 5 0 0 0-3 9v4.5a.5.5 0 0 0 .76.43L8 13.58l2.24 1.35a.5.5 0 0 0 .76-.43V10a5 5 0 0 0-3-9ZM4 6a4 4 0 1 1 8 0 4 4 0 0 1-8 0Zm6 4.58v3.04l-1.74-1.05a.5.5 0 0 0-.52 0L6 13.62v-3.04a4.98 4.98 0 0 0 4 0Z"]));
export const Ribbon16Filled = ( /*#__PURE__*/createFluentIcon('Ribbon16Filled', "16", ["M8 1a5 5 0 1 0 0 10A5 5 0 0 0 8 1ZM5 14.5v-3.3a5.97 5.97 0 0 0 6 0v3.3a.5.5 0 0 1-.76.43L8 13.58l-2.24 1.35A.5.5 0 0 1 5 14.5Z"]));
export const Ribbon16Color = ( /*#__PURE__*/createFluentIcon('Ribbon16Color', "16", `<path d="M5 14.5V9.7a5.97 5.97 0 0 0 6 0v4.8a.5.5 0 0 1-.76.43L8 13.58l-2.24 1.35A.5.5 0 0 1 5 14.5Z" fill="url(#ic_fluent_ribbon_16_color__a)"/><path d="M8 1a5 5 0 1 0 0 10A5 5 0 0 0 8 1Z" fill="url(#ic_fluent_ribbon_16_color__b)"/><defs><radialGradient id="ic_fluent_ribbon_16_color__a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 8.35723 -13.2443 0 8 8.87)"><stop stop-color="#163697"/><stop offset="1" stop-color="#29C3FF"/></radialGradient><radialGradient id="ic_fluent_ribbon_16_color__b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(56.62 22.26 -34.27) scale(55.8175 47.8051)"><stop offset=".77" stop-color="#FFCD0F"/><stop offset=".99" stop-color="#E67505"/></radialGradient></defs>`, { color: true }));
export const Ribbon20Regular = ( /*#__PURE__*/createFluentIcon('Ribbon20Regular', "20", ["M16 8c0 1.78-.77 3.37-2 4.47v5.03a.5.5 0 0 1-.75.43L10 16.08l-3.25 1.85A.5.5 0 0 1 6 17.5v-5.03A5.98 5.98 0 0 1 10 2a6 6 0 0 1 6 6Zm-6 6c-1.1 0-2.12-.3-3-.8v3.44l2.75-1.57a.5.5 0 0 1 .5 0L13 16.64V13.2c-.88.5-1.9.8-3 .8Zm0-1a5 5 0 1 0 0-10 5 5 0 0 0 0 10Z"]));
export const Ribbon20Filled = ( /*#__PURE__*/createFluentIcon('Ribbon20Filled', "20", ["M16 8A6 6 0 1 1 4 8a6 6 0 0 1 12 0Zm-6 7c1.49 0 2.87-.46 4-1.25v3.75a.5.5 0 0 1-.8.4L10 16l-3.2 1.9a.5.5 0 0 1-.8-.4v-3.75A6.97 6.97 0 0 0 10 15Z"]));
export const Ribbon20Color = ( /*#__PURE__*/createFluentIcon('Ribbon20Color', "20", `<path d="M10 12.75c1.49 0 2.87-.46 4-1.25v6a.5.5 0 0 1-.8.4L10 16l-3.2 1.9a.5.5 0 0 1-.8-.4v-6a6.97 6.97 0 0 0 4 1.25Z" fill="url(#ic_fluent_ribbon_20_color__a)"/><path d="M16 8A6 6 0 1 1 4 8a6 6 0 0 1 12 0Z" fill="url(#ic_fluent_ribbon_20_color__b)"/><defs><radialGradient id="ic_fluent_ribbon_20_color__a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 10.2442 -17.6591 0 10 10.49)"><stop stop-color="#163697"/><stop offset="1" stop-color="#29C3FF"/></radialGradient><radialGradient id="ic_fluent_ribbon_20_color__b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(56.62 26.17 -40.36) scale(66.981 57.3661)"><stop offset=".77" stop-color="#FFCD0F"/><stop offset=".99" stop-color="#E67505"/></radialGradient></defs>`, { color: true }));
export const Ribbon24Regular = ( /*#__PURE__*/createFluentIcon('Ribbon24Regular', "24", ["M12 2a7 7 0 0 1 5 11.9v7.35c0 .57-.6.92-1.1.67l-.08-.06L12 19.18l-3.82 2.68a.75.75 0 0 1-1.17-.5v-.11L7 13.9A7 7 0 0 1 12 2Zm3.5 17.8v-4.74a6.97 6.97 0 0 1-7 0v4.74l3.07-2.15a.75.75 0 0 1 .76-.06l.1.06 3.07 2.16v-4.75 4.75ZM12 3.5a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11Z"]));
export const Ribbon24Filled = ( /*#__PURE__*/createFluentIcon('Ribbon24Filled', "24", ["M17 15.24v6c0 .61-.68.97-1.18.62L12 19.17l-3.82 2.69A.75.75 0 0 1 7 21.25v-6a7.97 7.97 0 0 0 10 0ZM12 2a7 7 0 1 1 0 14 7 7 0 0 1 0-14Z"]));
export const Ribbon24Color = ( /*#__PURE__*/createFluentIcon('Ribbon24Color', "24", `<path d="M17 13.24v8c0 .61-.68.97-1.18.62L12 19.17l-3.82 2.69A.75.75 0 0 1 7 21.25v-8a7.97 7.97 0 0 0 10 0Z" fill="url(#ic_fluent_ribbon_24_color__a)"/><path d="M12 2a7 7 0 1 1 0 14 7 7 0 0 1 0-14Z" fill="url(#ic_fluent_ribbon_24_color__b)"/><defs><radialGradient id="ic_fluent_ribbon_24_color__a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 13.7943 -22.0759 0 12 11.88)"><stop stop-color="#163697"/><stop offset="1" stop-color="#29C3FF"/></radialGradient><radialGradient id="ic_fluent_ribbon_24_color__b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(56.62 31 -46.94) scale(78.1445 66.9271)"><stop offset=".77" stop-color="#FFCD0F"/><stop offset=".99" stop-color="#E67505"/></radialGradient></defs>`, { color: true }));
export const Ribbon32Regular = ( /*#__PURE__*/createFluentIcon('Ribbon32Regular', "32", ["M16 2a10 10 0 0 0-6 18v9a1 1 0 0 0 1.51.86l4.49-2.7 4.49 2.7A1 1 0 0 0 22 29v-9a9.98 9.98 0 0 0-6-18ZM8 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0Zm12 9.17v6.06l-3.49-2.09a1 1 0 0 0-1.02 0L12 27.24v-6.07a9.97 9.97 0 0 0 8 0Z"]));
export const Ribbon32Filled = ( /*#__PURE__*/createFluentIcon('Ribbon32Filled', "32", ["M10 21.81V29a1 1 0 0 0 1.51.86l4.49-2.7 4.49 2.7A1 1 0 0 0 22 29v-7.19a11.45 11.45 0 0 1-12 0Zm12-1.8a9.96 9.96 0 0 1-12.36-.3A10 10 0 1 1 22 20Z"]));
export const Ribbon32Color = ( /*#__PURE__*/createFluentIcon('Ribbon32Color', "32", `<path d="M10 19.31V29a1 1 0 0 0 1.51.86l4.49-2.7 4.49 2.7A1 1 0 0 0 22 29v-9.69a11.45 11.45 0 0 1-12 0Z" fill="url(#ic_fluent_ribbon_32_color__a)"/><path d="M22 20a9.96 9.96 0 0 1-12.36-.28A10 10 0 1 1 22 20Z" fill="url(#ic_fluent_ribbon_32_color__b)"/><defs><radialGradient id="ic_fluent_ribbon_32_color__a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 16.8444 -26.4886 0 16 17.65)"><stop stop-color="#163697"/><stop offset="1" stop-color="#29C3FF"/></radialGradient><radialGradient id="ic_fluent_ribbon_32_color__b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(56.62 44.52 -68.55) scale(111.635 95.6102)"><stop offset=".77" stop-color="#FFCD0F"/><stop offset=".99" stop-color="#E67505"/></radialGradient></defs>`, { color: true }));