@fluentui/react-icons
Version:
Fluent System Icons are a collection of familiar, friendly, and modern icons from Microsoft.
25 lines (24 loc) • 13.6 kB
JavaScript
"use client";
import { createFluentIcon } from '../../utils/createFluentIcon';
export const EditColor = ( /*#__PURE__*/createFluentIcon('EditColor', "1em", `<path d="M12.25 3.54 4 11.8l1.05 3.16 3.17 1.03 8.24-8.23-4.2-4.2Z" fill="url(#ic_fluent_edit_20_color__a)"/><path d="m4.12 11.67-.57.58c-.33.33-.56.74-.66 1.2l-.88 3.94a.5.5 0 0 0 .6.6l3.92-.87c.47-.1.9-.34 1.24-.68l.56-.56s-1.6-.48-2.67-1.54a7.23 7.23 0 0 1-1.54-2.67Z" fill="url(#ic_fluent_edit_20_color__b)"/><path d="M12.92 2.87a2.97 2.97 0 0 1 4.2 4.21l-2.08 2.08-4.2-4.2 2.08-2.09Z" fill="url(#ic_fluent_edit_20_color__c)"/><path d="M10.26 5.53 11.9 3.9s.47 1.6 1.54 2.67A7.2 7.2 0 0 0 16.1 8.1L14.5 9.72s-1.62-.47-2.68-1.53a7.28 7.28 0 0 1-1.55-2.66Z" fill="url(#ic_fluent_edit_20_color__d)"/><defs><linearGradient id="ic_fluent_edit_20_color__a" x1="10.89" y1="7.02" x2="12.79" y2="12.24" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA43D"/><stop offset="1" stop-color="#FB5937"/></linearGradient><linearGradient id="ic_fluent_edit_20_color__b" x1="1.09" y1="13.44" x2="5.65" y2="17.97" gradientUnits="userSpaceOnUse"><stop offset=".26" stop-color="#FFD394"/><stop offset="1" stop-color="#FF921F"/></linearGradient><linearGradient id="ic_fluent_edit_20_color__c" x1="16.5" y1="3.49" x2="13.86" y2="5.97" gradientUnits="userSpaceOnUse"><stop stop-color="#F97DBD"/><stop offset="1" stop-color="#DD3CE2"/></linearGradient><linearGradient id="ic_fluent_edit_20_color__d" x1="13.28" y1="7.88" x2="9.16" y2="6.07" gradientUnits="userSpaceOnUse"><stop stop-color="#FF921F"/><stop offset="1" stop-color="#FFE994"/></linearGradient></defs>`, { color: true }));
export const EditFilled = ( /*#__PURE__*/createFluentIcon('EditFilled', "1em", ["M12.92 2.87a2.97 2.97 0 0 1 4.2 4.21l-.66.67-4.2-4.2.66-.68Zm-1.38 1.38-8 8c-.32.33-.55.74-.65 1.2l-.88 3.94a.5.5 0 0 0 .6.6l3.92-.87c.47-.1.9-.34 1.24-.68l7.98-7.98-4.2-4.21Z"]));
export const EditRegular = ( /*#__PURE__*/createFluentIcon('EditRegular', "1em", ["M17.18 2.93a2.97 2.97 0 0 0-4.26-.06l-9.37 9.38c-.33.33-.56.74-.66 1.2l-.88 3.94a.5.5 0 0 0 .6.6l3.93-.87c.46-.1.9-.34 1.23-.68l9.36-9.36a2.97 2.97 0 0 0 .05-4.15Zm-3.55.65a1.97 1.97 0 1 1 2.8 2.8l-.68.66-2.8-2.79.68-.67Zm-1.38 1.38 2.8 2.8-7.99 7.97c-.2.2-.46.35-.74.41l-3.16.7.7-3.18c.07-.27.2-.51.4-.7l8-8Z"]));
export const Edit12Regular = ( /*#__PURE__*/createFluentIcon('Edit12Regular', "12", ["M10.44 1.56a1.91 1.91 0 0 0-2.7 0l-.55.55a.5.5 0 0 0-.08.08L1.65 7.65a.5.5 0 0 0-.14.25l-.5 2.5a.5.5 0 0 0 .59.59l2.5-.5a.5.5 0 0 0 .26-.14l6.08-6.08c.75-.75.75-1.96 0-2.7ZM7.5 3.21l1.3 1.3-5.04 5.03-1.62.32.32-1.61L7.5 3.2Zm2 .58L8.2 2.5l.24-.23a.91.91 0 1 1 1.3 1.3l-.24.22Z"]));
export const Edit12Filled = ( /*#__PURE__*/createFluentIcon('Edit12Filled', "12", ["M7.74 1.56a1.91 1.91 0 0 1 2.7 2.7l-.23.24-2.7-2.7.23-.24Zm-.95.94L1.65 7.65a.5.5 0 0 0-.14.25l-.5 2.5a.5.5 0 0 0 .59.59l2.5-.5a.5.5 0 0 0 .26-.14L9.5 5.21 6.8 2.5Z"]));
export const Edit16Regular = ( /*#__PURE__*/createFluentIcon('Edit16Regular', "16", ["M14.24 1.76a2.62 2.62 0 0 0-3.71 0L2.66 9.64c-.38.37-.64.84-.78 1.35l-.86 3.39a.5.5 0 0 0 .6.6l3.39-.86c.51-.14.98-.4 1.35-.78l7.88-7.87a2.62 2.62 0 0 0 0-3.7Zm-3 .71a1.62 1.62 0 1 1 2.29 2.3l-.78.77-2.3-2.29.79-.78ZM9.75 3.96l2.3 2.29-6.4 6.39c-.24.24-.55.42-.89.5l-2.57.67.66-2.57c.09-.34.27-.65.51-.9l6.39-6.38Z"]));
export const Edit16Filled = ( /*#__PURE__*/createFluentIcon('Edit16Filled', "16", ["M10.53 1.76a2.62 2.62 0 1 1 3.7 3.71l-.77.78-3.71-3.7.78-.79ZM9.04 3.25 2.66 9.64c-.38.37-.64.84-.78 1.35l-.86 3.39a.5.5 0 0 0 .6.6l3.39-.86c.51-.14.98-.4 1.35-.78l6.39-6.38-3.7-3.71Z"]));
export const Edit16Color = ( /*#__PURE__*/createFluentIcon('Edit16Color', "16", `<path d="m2.66 9.64 7.09-7.1 3.7 3.71-7.09 7.1L4.1 11.9 2.66 9.64Z" fill="url(#ic_fluent_edit_16_color__a)"/><path d="m2.96 9.33-.3.3c-.38.38-.64.85-.78 1.36l-.86 3.39a.5.5 0 0 0 .6.6l3.39-.87c.51-.13.98-.4 1.35-.77l.31-.3s-1.28-.3-2.34-1.37c-1.06-1.06-1.37-2.34-1.37-2.34Z" fill="url(#ic_fluent_edit_16_color__b)"/><path d="M10.53 1.76a2.62 2.62 0 1 1 3.7 3.71l-1.9 1.9-3.7-3.7 1.9-1.9Z" fill="url(#ic_fluent_edit_16_color__c)"/><path d="M8.27 4.03s.3 1.29 1.35 2.35a5.4 5.4 0 0 0 2.35 1.35l1.43-1.42S12.1 6 11.05 4.95A5.42 5.42 0 0 1 9.69 2.6L8.27 4.03Z" fill="url(#ic_fluent_edit_16_color__d)"/><defs><linearGradient id="ic_fluent_edit_16_color__a" x1="8.63" y1="5.56" x2="10.28" y2="10.1" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA43D"/><stop offset="1" stop-color="#FB5937"/></linearGradient><linearGradient id="ic_fluent_edit_16_color__b" x1=".19" y1="10.91" x2="4.28" y2="14.97" gradientUnits="userSpaceOnUse"><stop offset=".26" stop-color="#FFD394"/><stop offset="1" stop-color="#FF921F"/></linearGradient><linearGradient id="ic_fluent_edit_16_color__c" x1="13.67" y1="2.32" x2="11.32" y2="4.54" gradientUnits="userSpaceOnUse"><stop stop-color="#F97DBD"/><stop offset="1" stop-color="#DD3CE2"/></linearGradient><linearGradient id="ic_fluent_edit_16_color__d" x1="10.92" y1="6.11" x2="7.29" y2="4.53" gradientUnits="userSpaceOnUse"><stop stop-color="#FF921F"/><stop offset="1" stop-color="#FFE994"/></linearGradient></defs>`, { color: true }));
export const Edit20Regular = ( /*#__PURE__*/createFluentIcon('Edit20Regular', "20", ["M17.18 2.93a2.97 2.97 0 0 0-4.26-.06l-9.37 9.38c-.33.33-.56.74-.66 1.2l-.88 3.94a.5.5 0 0 0 .6.6l3.93-.87c.46-.1.9-.34 1.23-.68l9.36-9.36a2.97 2.97 0 0 0 .05-4.15Zm-3.55.65a1.97 1.97 0 1 1 2.8 2.8l-.68.66-2.8-2.79.68-.67Zm-1.38 1.38 2.8 2.8-7.99 7.97c-.2.2-.46.35-.74.41l-3.16.7.7-3.18c.07-.27.2-.51.4-.7l8-8Z"]));
export const Edit20Filled = ( /*#__PURE__*/createFluentIcon('Edit20Filled', "20", ["M12.92 2.87a2.97 2.97 0 0 1 4.2 4.21l-.66.67-4.2-4.2.66-.68Zm-1.38 1.38-8 8c-.32.33-.55.74-.65 1.2l-.88 3.94a.5.5 0 0 0 .6.6l3.92-.87c.47-.1.9-.34 1.24-.68l7.98-7.98-4.2-4.21Z"]));
export const Edit20Color = ( /*#__PURE__*/createFluentIcon('Edit20Color', "20", `<path d="M12.25 3.54 4 11.8l1.05 3.16 3.17 1.03 8.24-8.23-4.2-4.2Z" fill="url(#ic_fluent_edit_20_color__a)"/><path d="m4.12 11.67-.57.58c-.33.33-.56.74-.66 1.2l-.88 3.94a.5.5 0 0 0 .6.6l3.92-.87c.47-.1.9-.34 1.24-.68l.56-.56s-1.6-.48-2.67-1.54a7.23 7.23 0 0 1-1.54-2.67Z" fill="url(#ic_fluent_edit_20_color__b)"/><path d="M12.92 2.87a2.97 2.97 0 0 1 4.2 4.21l-2.08 2.08-4.2-4.2 2.08-2.09Z" fill="url(#ic_fluent_edit_20_color__c)"/><path d="M10.26 5.53 11.9 3.9s.47 1.6 1.54 2.67A7.2 7.2 0 0 0 16.1 8.1L14.5 9.72s-1.62-.47-2.68-1.53a7.28 7.28 0 0 1-1.55-2.66Z" fill="url(#ic_fluent_edit_20_color__d)"/><defs><linearGradient id="ic_fluent_edit_20_color__a" x1="10.89" y1="7.02" x2="12.79" y2="12.24" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA43D"/><stop offset="1" stop-color="#FB5937"/></linearGradient><linearGradient id="ic_fluent_edit_20_color__b" x1="1.09" y1="13.44" x2="5.65" y2="17.97" gradientUnits="userSpaceOnUse"><stop offset=".26" stop-color="#FFD394"/><stop offset="1" stop-color="#FF921F"/></linearGradient><linearGradient id="ic_fluent_edit_20_color__c" x1="16.5" y1="3.49" x2="13.86" y2="5.97" gradientUnits="userSpaceOnUse"><stop stop-color="#F97DBD"/><stop offset="1" stop-color="#DD3CE2"/></linearGradient><linearGradient id="ic_fluent_edit_20_color__d" x1="13.28" y1="7.88" x2="9.16" y2="6.07" gradientUnits="userSpaceOnUse"><stop stop-color="#FF921F"/><stop offset="1" stop-color="#FFE994"/></linearGradient></defs>`, { color: true }));
export const Edit24Regular = ( /*#__PURE__*/createFluentIcon('Edit24Regular', "24", ["M20.95 3.05a3.58 3.58 0 0 0-5.06 0L3.94 15c-.4.4-.7.92-.82 1.48l-1.1 4.6a.75.75 0 0 0 .9.9l4.6-1.1A3.1 3.1 0 0 0 9 20.07L20.95 8.11a3.58 3.58 0 0 0 0-5.06Zm-4 1.06a2.08 2.08 0 1 1 2.94 2.94l-.89.89L16.06 5l.9-.9ZM15 6.06 17.94 9l-10 10a1.6 1.6 0 0 1-.76.43l-3.42.8.82-3.4c.06-.3.21-.56.42-.77l10-10Z"]));
export const Edit24Filled = ( /*#__PURE__*/createFluentIcon('Edit24Filled', "24", ["M15.9 3.05a3.58 3.58 0 1 1 5.05 5.06l-.89.9L15 3.93l.9-.9ZM13.93 5l-10 10c-.4.4-.7.92-.82 1.48l-1.1 4.6a.75.75 0 0 0 .9.9l4.6-1.1A3.1 3.1 0 0 0 9 20.07l10-10L13.94 5Z"]));
export const Edit24Color = ( /*#__PURE__*/createFluentIcon('Edit24Color', "24", `<path d="M3.59 15.35 14.65 4.3l5.06 5.06L8.65 20.41 4.7 19.3 3.6 15.35Z" fill="url(#ic_fluent_edit_24_color__a)"/><path d="M3.94 15c-.4.4-.7.92-.82 1.48l-1.1 4.6a.75.75 0 0 0 .9.9l4.6-1.1A3.1 3.1 0 0 0 9 20.07s-1.82-.41-3.24-1.82C4.35 16.82 3.94 15 3.94 15Z" fill="url(#ic_fluent_edit_24_color__b)"/><path d="M20.95 3.05a3.58 3.58 0 0 0-5.06 0l-2.3 2.3 5.06 5.06 2.3-2.3a3.58 3.58 0 0 0 0-5.06Z" fill="url(#ic_fluent_edit_24_color__c)"/><path d="m12.78 6.16 2.12-2.12s.41 1.82 1.82 3.24c1.42 1.41 3.24 1.82 3.24 1.82l-2.12 2.12s-1.82-.4-3.24-1.82c-1.41-1.42-1.82-3.24-1.82-3.24Z" fill="url(#ic_fluent_edit_24_color__d)"/><defs><linearGradient id="ic_fluent_edit_24_color__a" x1="13.14" y1="8.47" x2="15.44" y2="14.71" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA43D"/><stop offset="1" stop-color="#FB5937"/></linearGradient><linearGradient id="ic_fluent_edit_24_color__b" x1="1" y1="16.95" x2="6.04" y2="21.97" gradientUnits="userSpaceOnUse"><stop offset=".26" stop-color="#FFD394"/><stop offset="1" stop-color="#FF921F"/></linearGradient><linearGradient id="ic_fluent_edit_24_color__c" x1="20.24" y1="3.75" x2="17.14" y2="6.67" gradientUnits="userSpaceOnUse"><stop stop-color="#F97DBD"/><stop offset="1" stop-color="#DD3CE2"/></linearGradient><linearGradient id="ic_fluent_edit_24_color__d" x1="16.49" y1="8.95" x2="11.42" y2="6.74" gradientUnits="userSpaceOnUse"><stop stop-color="#FF921F"/><stop offset="1" stop-color="#FFE994"/></linearGradient></defs>`, { color: true }));
export const Edit28Regular = ( /*#__PURE__*/createFluentIcon('Edit28Regular', "28", ["M24.85 3.15a3.93 3.93 0 0 0-5.56 0L4.5 17.94c-.44.44-.76.98-.93 1.58l-1.54 5.53a.75.75 0 0 0 .92.92l5.53-1.54c.6-.17 1.14-.5 1.58-.93L24.85 8.7a3.93 3.93 0 0 0 0-5.56Zm-4.5 1.06a2.43 2.43 0 1 1 3.44 3.44l-1.54 1.54-3.44-3.44 1.54-1.54Zm-2.6 2.6 3.44 3.44L9 22.44c-.26.26-.58.44-.93.54l-4.24 1.19 1.19-4.24c.1-.35.28-.67.54-.93L17.75 6.8Z"]));
export const Edit28Filled = ( /*#__PURE__*/createFluentIcon('Edit28Filled', "28", ["M19.29 3.15a3.93 3.93 0 1 1 5.56 5.56l-1.54 1.54-5.56-5.56 1.54-1.54Zm-2.6 2.6L4.5 17.94c-.44.44-.76.98-.93 1.58l-1.54 5.53a.75.75 0 0 0 .92.92l5.53-1.54c.6-.17 1.14-.5 1.58-.93L22.25 11.3l-5.56-5.56Z"]));
export const Edit32Regular = ( /*#__PURE__*/createFluentIcon('Edit32Regular', "32", ["M28.56 3.43c-1.9-1.9-5-1.9-6.91 0l-17.3 17.3a3.7 3.7 0 0 0-1 1.84l-1.33 6.22a1 1 0 0 0 1.19 1.19l6.22-1.34a3.7 3.7 0 0 0 1.84-1l17.3-17.3c1.9-1.9 1.9-5 0-6.9Zm-5.5 1.42a2.89 2.89 0 0 1 4.09 4.08l-.9.9-4.09-4.08.9-.9Zm-2.31 2.31 4.09 4.09L9.86 26.23c-.24.23-.53.39-.85.46l-4.7 1 1-4.7c.07-.32.23-.62.46-.85L20.75 7.16Z"]));
export const Edit32Filled = ( /*#__PURE__*/createFluentIcon('Edit32Filled', "32", ["M21.65 3.43a4.89 4.89 0 1 1 6.91 6.92l-.9.9-6.91-6.91.9-.9Zm-2.31 2.32L4.36 20.73a3.7 3.7 0 0 0-1 1.84l-1.34 6.22a1 1 0 0 0 1.19 1.19l6.22-1.34a3.7 3.7 0 0 0 1.84-1l14.98-14.98-6.91-6.91Z"]));
export const Edit32Light = ( /*#__PURE__*/createFluentIcon('Edit32Light', "32", ["M20.12 5.18 4.26 21.03a3.5 3.5 0 0 0-.94 1.74l-1.3 6.02a1 1 0 0 0 1.2 1.18l6.02-1.3a3.5 3.5 0 0 0 1.74-.94L28.61 10.1a4.74 4.74 0 0 0-6.7-6.71l-1.73 1.73a.47.47 0 0 0-.06.06Zm2.5-1.08a3.74 3.74 0 0 1 5.29 5.29l-1.4 1.4-5.3-5.29 1.4-1.4ZM20.5 6.2l5.3 5.3-15.53 15.52a2.5 2.5 0 0 1-1.24.68L3 29l1.3-6.02c.1-.47.33-.9.67-1.24L20.5 6.2Z"]));
export const Edit32Color = ( /*#__PURE__*/createFluentIcon('Edit32Color', "32", `<path d="M4.36 20.73 19.69 5.4l6.91 6.91-15.33 15.33-5.58-1.33-1.33-5.58Z" fill="url(#ic_fluent_edit_32_color__a)"/><path d="m4.36 20.73.5-.5s.27 2.4 2.4 4.52a8.39 8.39 0 0 0 4.5 2.4l-.49.5c-.5.5-1.14.85-1.84 1l-6.22 1.33a1 1 0 0 1-1.19-1.19l1.34-6.22c.14-.7.5-1.34 1-1.84Z" fill="url(#ic_fluent_edit_32_color__b)"/><path d="M21.65 3.43a4.89 4.89 0 0 1 6.91 6.92l-3.72 3.73-6.92-6.92 3.73-3.73Z" fill="url(#ic_fluent_edit_32_color__c)"/><path d="m24.32 14.6 2.83-2.84s-2.4-.27-4.52-2.4a8.4 8.4 0 0 1-2.4-4.51l-2.82 2.83s.27 2.4 2.4 4.52a8.4 8.4 0 0 0 4.51 2.4Z" fill="url(#ic_fluent_edit_32_color__d)"/><defs><linearGradient id="ic_fluent_edit_32_color__a" x1="17.29" y1="11.42" x2="20.47" y2="19.85" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA43D"/><stop offset="1" stop-color="#FB5937"/></linearGradient><linearGradient id="ic_fluent_edit_32_color__b" x1=".09" y1="23.1" x2="7.47" y2="30.33" gradientUnits="userSpaceOnUse"><stop offset=".26" stop-color="#FFD394"/><stop offset="1" stop-color="#FF921F"/></linearGradient><linearGradient id="ic_fluent_edit_32_color__c" x1="27.45" y1="4.49" x2="23.03" y2="8.72" gradientUnits="userSpaceOnUse"><stop stop-color="#F97DBD"/><stop offset="1" stop-color="#DD3CE2"/></linearGradient><linearGradient id="ic_fluent_edit_32_color__d" x1="22.46" y1="11.52" x2="15.56" y2="8.59" gradientUnits="userSpaceOnUse"><stop stop-color="#FF921F"/><stop offset="1" stop-color="#FFE994"/></linearGradient></defs>`, { color: true }));
export const Edit48Regular = ( /*#__PURE__*/createFluentIcon('Edit48Regular', "48", ["M41.97 6.02a6.9 6.9 0 0 0-9.76 0L8.04 30.2a6 6 0 0 0-1.57 2.75l-2.43 9.49a1.25 1.25 0 0 0 1.52 1.52l9.49-2.42a6 6 0 0 0 2.76-1.58L41.97 15.8a6.9 6.9 0 0 0 0-9.77Zm-8 1.77a4.4 4.4 0 0 1 6.24 6.23L38 16.23 31.77 10l2.2-2.2ZM30 11.77 36.23 18l-20.2 20.2c-.44.44-1 .76-1.6.91l-7.45 1.9 1.9-7.44c.16-.6.48-1.16.93-1.6L30 11.76Z"]));
export const Edit48Filled = ( /*#__PURE__*/createFluentIcon('Edit48Filled', "48", ["M32.2 6.03a6.9 6.9 0 1 1 9.77 9.76l-2.2 2.2L30 8.24l2.2-2.2ZM28.24 10 8.03 30.2a6 6 0 0 0-1.56 2.75l-2.43 9.49a1.25 1.25 0 0 0 1.52 1.52l9.49-2.42a6 6 0 0 0 2.76-1.58L38 19.76 28.22 10Z"]));