UNPKG

@fluentui/react-icons

Version:

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

10 lines (9 loc) 8.16 kB
"use client"; import { createFluentIcon } from '../../utils/createFluentIcon'; export const PawColor = ( /*#__PURE__*/createFluentIcon('PawColor', "1em", `<path fill-rule="evenodd" clip-rule="evenodd" d="M4 14a6 6 0 0 1 12 0c0 .99-.5 1.75-1.21 2.25-.7.5-1.6.75-2.48.75H7.69c-.88 0-1.78-.25-2.48-.75A2.72 2.72 0 0 1 4 14Z" fill="url(#ic_fluent_paw_20_color__a)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.5 4.25c0-1.17.83-2.25 2-2.25s2 1.08 2 2.25-.83 2.25-2 2.25-2-1.08-2-2.25ZM3 4.5c-1.17 0-2 1.08-2 2.25S1.83 9 3 9s2-1.08 2-2.25S4.17 4.5 3 4.5Zm12 2.25c0-1.17.83-2.25 2-2.25s2 1.08 2 2.25S18.17 9 17 9s-2-1.08-2-2.25Zm-4.5-2.5c0-1.17.83-2.25 2-2.25s2 1.08 2 2.25-.83 2.25-2 2.25-2-1.08-2-2.25Z" fill="url(#ic_fluent_paw_20_color__b)"/><defs><radialGradient id="ic_fluent_paw_20_color__b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 -9 14.4 0 10.5 9.5)"><stop stop-color="#EB4824"/><stop offset="1" stop-color="#FF921F"/></radialGradient><linearGradient id="ic_fluent_paw_20_color__a" x1="6.85" y1="9.2" x2="10.78" y2="17.55" gradientUnits="userSpaceOnUse"><stop offset=".13" stop-color="#FF921F"/><stop offset="1" stop-color="#EB4824"/></linearGradient></defs>`, { color: true })); export const Paw16Color = ( /*#__PURE__*/createFluentIcon('Paw16Color', "16", `<path d="M8 7a5 5 0 0 0-5 5c0 1.3 1.21 2 2.29 2h5.42c1.08 0 2.29-.7 2.29-2a5 5 0 0 0-5-5Z" fill="url(#ic_fluent_paw_16_color__a)"/><path d="M8.5 3.88c0-.94.64-1.88 1.63-1.88.98 0 1.62.94 1.62 1.88 0 .93-.64 1.87-1.63 1.87-.98 0-1.62-.94-1.62-1.88Zm-6.13.37c-.98 0-1.62.94-1.62 1.88C.75 7.05 1.39 8 2.38 8 3.35 8 4 7.06 4 6.12c0-.93-.64-1.87-1.63-1.87Zm11.25 0c-.98 0-1.62.94-1.62 1.88 0 .93.64 1.87 1.63 1.87.98 0 1.62-.94 1.62-1.88 0-.93-.64-1.87-1.63-1.87ZM5.88 2c-1 0-1.63.94-1.63 1.88 0 .93.64 1.87 1.63 1.87.98 0 1.62-.94 1.62-1.88C7.5 2.94 6.86 2 5.87 2Z" fill="url(#ic_fluent_paw_16_color__b)"/><defs><radialGradient id="ic_fluent_paw_16_color__b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 -7.71429 11.6 0 8.4 8.43)"><stop stop-color="#EB4824"/><stop offset="1" stop-color="#FF921F"/></radialGradient><linearGradient id="ic_fluent_paw_16_color__a" x1="5.38" y1="7.93" x2="8.29" y2="14.58" gradientUnits="userSpaceOnUse"><stop offset=".13" stop-color="#FF921F"/><stop offset="1" stop-color="#EB4824"/></linearGradient></defs>`, { color: true })); export const Paw20Color = ( /*#__PURE__*/createFluentIcon('Paw20Color', "20", `<path fill-rule="evenodd" clip-rule="evenodd" d="M4 14a6 6 0 0 1 12 0c0 .99-.5 1.75-1.21 2.25-.7.5-1.6.75-2.48.75H7.69c-.88 0-1.78-.25-2.48-.75A2.72 2.72 0 0 1 4 14Z" fill="url(#ic_fluent_paw_20_color__a)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.5 4.25c0-1.17.83-2.25 2-2.25s2 1.08 2 2.25-.83 2.25-2 2.25-2-1.08-2-2.25ZM3 4.5c-1.17 0-2 1.08-2 2.25S1.83 9 3 9s2-1.08 2-2.25S4.17 4.5 3 4.5Zm12 2.25c0-1.17.83-2.25 2-2.25s2 1.08 2 2.25S18.17 9 17 9s-2-1.08-2-2.25Zm-4.5-2.5c0-1.17.83-2.25 2-2.25s2 1.08 2 2.25-.83 2.25-2 2.25-2-1.08-2-2.25Z" fill="url(#ic_fluent_paw_20_color__b)"/><defs><radialGradient id="ic_fluent_paw_20_color__b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 -9 14.4 0 10.5 9.5)"><stop stop-color="#EB4824"/><stop offset="1" stop-color="#FF921F"/></radialGradient><linearGradient id="ic_fluent_paw_20_color__a" x1="6.85" y1="9.2" x2="10.78" y2="17.55" gradientUnits="userSpaceOnUse"><stop offset=".13" stop-color="#FF921F"/><stop offset="1" stop-color="#EB4824"/></linearGradient></defs>`, { color: true })); export const Paw24Color = ( /*#__PURE__*/createFluentIcon('Paw24Color', "24", `<path d="M12 10a7 7 0 0 0-7 7 3.6 3.6 0 0 0 1.7 3.04c.96.65 2.2.96 3.38.96h3.84c1.18 0 2.42-.31 3.38-.96A3.6 3.6 0 0 0 19 17a7 7 0 0 0-7-7Z" fill="url(#ic_fluent_paw_24_color__a)"/><path d="M6.25 5.25c0-1.42 1.03-2.75 2.5-2.75s2.5 1.33 2.5 2.75S10.22 8 8.75 8s-2.5-1.33-2.5-2.75ZM1 8.75C1 7.33 2.03 6 3.5 6S6 7.33 6 8.75 4.97 11.5 3.5 11.5 1 10.17 1 8.75Zm11.75-3.5c0-1.42 1.03-2.75 2.5-2.75s2.5 1.33 2.5 2.75S16.72 8 15.25 8s-2.5-1.33-2.5-2.75ZM18 8.75C18 7.33 19.03 6 20.5 6S23 7.33 23 8.75s-1.03 2.75-2.5 2.75S18 10.17 18 8.75Z" fill="url(#ic_fluent_paw_24_color__b)"/><defs><radialGradient id="ic_fluent_paw_24_color__b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 -11.5714 17.6 0 12.61 12.14)"><stop stop-color="#EB4824"/><stop offset="1" stop-color="#FF921F"/></radialGradient><linearGradient id="ic_fluent_paw_24_color__a" x1="8.33" y1="11.46" x2="13.27" y2="21.5" gradientUnits="userSpaceOnUse"><stop offset=".13" stop-color="#FF921F"/><stop offset="1" stop-color="#EB4824"/></linearGradient></defs>`, { color: true })); export const Paw28Color = ( /*#__PURE__*/createFluentIcon('Paw28Color', "28", `<path d="M14 11a8 8 0 0 0-7.98 8.5 4.3 4.3 0 0 0 2.17 3.45A7.8 7.8 0 0 0 12.21 24h3.58a7.8 7.8 0 0 0 4.02-1.05A4.3 4.3 0 0 0 22 19a8 8 0 0 0-8-8Z" fill="url(#ic_fluent_paw_28_color__a)"/><path d="M14.75 6.25c0-1.68 1.18-3.25 2.88-3.25s2.87 1.57 2.87 3.25-1.18 3.25-2.88 3.25-2.87-1.57-2.87-3.25Zm-13.5 3.5c0-1.68 1.18-3.25 2.88-3.25S7 8.07 7 9.75 5.82 13 4.12 13s-2.87-1.57-2.87-3.25Zm19.75 0c0-1.68 1.18-3.25 2.88-3.25s2.87 1.57 2.87 3.25S25.57 13 23.87 13 21 11.43 21 9.75ZM7.5 6.25C7.5 4.57 8.68 3 10.38 3s2.87 1.57 2.87 3.25-1.18 3.25-2.88 3.25S7.5 7.93 7.5 6.25Z" fill="url(#ic_fluent_paw_28_color__b)"/><defs><radialGradient id="ic_fluent_paw_28_color__b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 -12.8571 20.4 0 14.7 13.71)"><stop stop-color="#EB4824"/><stop offset="1" stop-color="#FF921F"/></radialGradient><linearGradient id="ic_fluent_paw_28_color__a" x1="9.8" y1="12.73" x2="15.76" y2="24.43" gradientUnits="userSpaceOnUse"><stop offset=".13" stop-color="#FF921F"/><stop offset="1" stop-color="#EB4824"/></linearGradient></defs>`, { color: true })); export const Paw32Color = ( /*#__PURE__*/createFluentIcon('Paw32Color', "32", `<path d="M16 13a9 9 0 0 0-8.98 9.68 5.16 5.16 0 0 0 2.7 4.12 9.7 9.7 0 0 0 4.83 1.2h2.9a9.7 9.7 0 0 0 4.82-1.2A5.16 5.16 0 0 0 25 22a9 9 0 0 0-9-9Z" fill="url(#ic_fluent_paw_32_color__a)"/><path d="M8.5 6.75C8.5 4.88 9.78 3 11.75 3S15 4.88 15 6.75s-1.28 3.75-3.25 3.75S8.5 8.62 8.5 6.75Zm8.5 0C17 4.88 18.28 3 20.25 3s3.25 1.88 3.25 3.75-1.28 3.75-3.25 3.75S17 8.62 17 6.75Zm7 4.5c0-1.87 1.28-3.75 3.25-3.75s3.25 1.88 3.25 3.75S29.22 15 27.25 15 24 13.12 24 11.25Zm-22.5 0c0-1.87 1.28-3.75 3.25-3.75S8 9.38 8 11.25 6.72 15 4.75 15 1.5 13.12 1.5 11.25Z" fill="url(#ic_fluent_paw_32_color__b)"/><defs><radialGradient id="ic_fluent_paw_32_color__b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 -15.4286 23.2 0 16.8 15.86)"><stop stop-color="#EB4824"/><stop offset="1" stop-color="#FF921F"/></radialGradient><linearGradient id="ic_fluent_paw_32_color__a" x1="11.28" y1="14.99" x2="18.25" y2="28.35" gradientUnits="userSpaceOnUse"><stop offset=".13" stop-color="#FF921F"/><stop offset="1" stop-color="#EB4824"/></linearGradient></defs>`, { color: true })); export const Paw48Color = ( /*#__PURE__*/createFluentIcon('Paw48Color', "48", `<path d="M10 34a14 14 0 1 1 28 .5 7 7 0 0 1-3.36 5.7 11.98 11.98 0 0 1-6.47 1.8h-8.34c-2.26 0-4.62-.59-6.47-1.8A7 7 0 0 1 10 34Z" fill="url(#ic_fluent_paw_48_color__a)"/><path d="M18.25 6c-2.84 0-4.75 2.7-4.75 5.5s1.91 5.5 4.75 5.5S23 14.3 23 11.5 21.09 6 18.25 6ZM3 17.5C3 14.7 4.91 12 7.75 12s4.75 2.7 4.75 5.5S10.59 23 7.75 23 3 20.3 3 17.5Zm22.5-6c0-2.8 1.91-5.5 4.75-5.5S35 8.7 35 11.5 33.09 17 30.25 17s-4.75-2.7-4.75-5.5Zm10 6c0-2.8 1.91-5.5 4.75-5.5S45 14.7 45 17.5 43.09 23 40.25 23s-4.75-2.7-4.75-5.5Z" fill="url(#ic_fluent_paw_48_color__b)"/><defs><radialGradient id="ic_fluent_paw_48_color__b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 -21.8571 33.6 0 25.17 24.21)"><stop stop-color="#EB4824"/><stop offset="1" stop-color="#FF921F"/></radialGradient><linearGradient id="ic_fluent_paw_48_color__a" x1="16.66" y1="22.92" x2="26.53" y2="42.99" gradientUnits="userSpaceOnUse"><stop offset=".13" stop-color="#FF921F"/><stop offset="1" stop-color="#EB4824"/></linearGradient></defs>`, { color: true }));