(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[167],{

/***/ 917:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// EXTERNAL MODULE: ./node_modules/vue/dist/vue.esm-browser.prod.js
var vue_esm_browser_prod = __webpack_require__(0);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/dist/templateLoader.js??ref--6!./node_modules/vue-loader/dist??ref--3-0!./website/md-loader!./website/docs/fr-FR/icon.md?vue&type=template&id=1c42ae58

const iconvue_type_template_id_1c42ae58_hoisted_1 = {
  class: "content element-doc"
};

const iconvue_type_template_id_1c42ae58_hoisted_2 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Icônes ");

const iconvue_type_template_id_1c42ae58_hoisted_3 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, "Element Plus fournit un ensemble d'icônes basiques.", -1);

const iconvue_type_template_id_1c42ae58_hoisted_4 = {
  class: "warning"
};

const _hoisted_5 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Element Plus team is replacing all ");

const _hoisted_6 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("strong", null, "Font Icon", -1);

const _hoisted_7 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" in the previously built components to ");

const _hoisted_8 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("strong", null, "SVG Icon", -1);

const _hoisted_9 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(", please keep you eyes on ");

const _hoisted_10 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("ChangeLog");

const _hoisted_11 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(", for getting latest updates, ");

const _hoisted_12 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("strong", null, "Font Icon", -1);

const _hoisted_13 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" will be deprecated after the first stable release.");

const _hoisted_14 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("SVG Icon Usage ");

const _hoisted_15 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("If you want to ");

const _hoisted_16 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("strong", null, "use directly", -1);

const _hoisted_17 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" like the example, you need to ");

const _hoisted_18 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("globally register");

const _hoisted_19 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" the components before using it.");

const _hoisted_20 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("If you want to see all available SVG icons please check ");

const _hoisted_21 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("@element-plus/icons");

const _hoisted_22 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" and the source ");

const _hoisted_23 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Github/ElementPlus/icons");

const _hoisted_24 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" out or ");

const _hoisted_25 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("SVG icons");

const _hoisted_26 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Installation ");

const _hoisted_27 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("The current icon is only targeted to ");

const _hoisted_28 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Vue3");

const _hoisted_29 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(".");

const _hoisted_30 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Using yarn ");

const _hoisted_31 = /*#__PURE__*/Object(vue_esm_browser_prod["createStaticVNode"])("<pre class=\"example-code\"><code class=\"hljs language-shell\"><span class=\"hljs-meta\">$</span><span class=\"bash\"> yarn add @element-plus/icons</span>\n</code><span class=\"lang-mark\">sh</span></pre>", 1);

const _hoisted_32 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Using npm ");

const _hoisted_33 = /*#__PURE__*/Object(vue_esm_browser_prod["createStaticVNode"])("<pre class=\"example-code\"><code class=\"hljs language-shell\"><span class=\"hljs-meta\">$</span><span class=\"bash\"> npm install @element-plus/icons</span>\n</code><span class=\"lang-mark\">sh</span></pre>", 1);

const _hoisted_34 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Simple usage ");

const _hoisted_35 = /*#__PURE__*/Object(vue_esm_browser_prod["createStaticVNode"])("<pre class=\"example-code\"><code class=\"hljs language-html\"><span class=\"hljs-comment\">&lt;!-- Use el-icon to provide attributes to SVG icon --&gt;</span>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">el-icon</span> <span class=\"hljs-attr\">:size</span>=<span class=\"hljs-string\">&quot;size&quot;</span> <span class=\"hljs-attr\">:color</span>=<span class=\"hljs-string\">&quot;color&quot;</span>&gt;</span>\n  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">edit</span> /&gt;</span>\n<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">el-icon</span>&gt;</span>\n<span class=\"hljs-comment\">&lt;!-- Or use it independently without derive attributes from parent --&gt;</span>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">edit</span> /&gt;</span>\n\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">script</span> <span class=\"hljs-attr\">lang</span>=<span class=\"hljs-string\">&quot;ts&quot;</span>&gt;</span><span class=\"javascript\">\n  <span class=\"hljs-keyword\">import</span> { Edit } <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">&#39;@element-plus/icons&#39;</span>\n\n  <span class=\"hljs-keyword\">export</span> <span class=\"hljs-keyword\">default</span> defineComponent({\n    <span class=\"hljs-attr\">components</span>: {\n      <span class=\"hljs-comment\">// Full name</span>\n      [Edit.name]: Edit,\n      <span class=\"hljs-comment\">// or Shorthanded,</span>\n      Edit,\n    },\n  })\n</span><span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">script</span>&gt;</span>\n</code><span class=\"lang-mark\">html</span></pre>", 1);

const _hoisted_36 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Combined with ");

const _hoisted_37 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "el-icon", -1);

const _hoisted_38 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])();

const _hoisted_39 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("div", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "el-icon"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" provides extra attributes for raw SVG icon, for more detail, please read to the end.")])], -1);

const _hoisted_40 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", {
  class: "html"
}, "<p>\n  with extra class <b>is-loading</b>, your icon is able to rotate 360 deg in 2\n  seconds, you can also override this\n</p>\n<el-icon :size=\"20\">\n  <edit />\n</el-icon>\n<el-icon color=\"#409EFC\" class=\"no-inherit\">\n  <share />\n</el-icon>\n<el-icon>\n  <delete />\n</el-icon>\n<el-icon class=\"is-loading\">\n  <loading />\n</el-icon>\n<el-button type=\"primary\">\n  <el-icon style=\"vertical-align: middle;\">\n    <search />\n  </el-icon>\n  <span style=\"vertical-align: middle;\"> Search </span>\n</el-button>\n")], -1);

const _hoisted_41 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Using SVG icônes directly ");

const _hoisted_42 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", {
  class: "html"
}, "<div style=\"font-size: 20px;\">\n  <!-- Since svg icons do not carry any attributes by default -->\n  <!-- You need to provide attributes directly -->\n  <edit style=\"width: 1em; height: 1em; margin-right: 8px;\" />\n  <share style=\"width: 1em; height: 1em; margin-right: 8px;\" />\n  <delete style=\"width: 1em; height: 1em; margin-right: 8px;\" />\n  <search style=\"width: 1em; height: 1em; margin-right: 8px;\" />\n</div>\n")], -1);

const _hoisted_43 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("SVG icônes collection ");

const _hoisted_44 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("div", {
  class: "tip"
}, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("This collection is updated after ElementPlus@1.0.2-beta.66(included), you can only use "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "el-icon"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(" to wrap it after ElementPlus@1.0.2-beta.66(included), or directly use it without version constrains")]), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("strong", null, "You can use SVG icon in any version as long as you install it")]), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("strong", null, "You can click the icon to copy it")])], -1);

const _hoisted_45 = {
  class: "icon-list"
};
const _hoisted_46 = ["onClick"];
const _hoisted_47 = {
  class: "demo-svg-icon"
};
const _hoisted_48 = {
  class: "icon-name"
};

const _hoisted_49 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Font Icônes Basic usage ");

const _hoisted_50 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Just assign the class name to "), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", null, "el-icon-iconName"), /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])(".")], -1);

const _hoisted_51 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", {
  class: "html"
}, "<i class=\"el-icon-edit\"></i>\n<i class=\"el-icon-share\"></i>\n<i class=\"el-icon-delete\"></i>\n<el-button type=\"primary\" icon=\"el-icon-search\">Search</el-button>\n")], -1);

const _hoisted_52 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Font Icônes ");

const _hoisted_53 = {
  class: "icon-list"
};
const _hoisted_54 = {
  class: "icon-name"
};

const _hoisted_55 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("SVG icônes Attributs ");

const _hoisted_56 = /*#__PURE__*/Object(vue_esm_browser_prod["createStaticVNode"])("<table><thead><tr><th>Attribute</th><th>Description</th><th>Type</th><th>Acceptable Value</th><th>Default</th></tr></thead><tbody><tr><td>color</td><td>SVG tag&#39;s fill attribute</td><td>Pick&lt;CSSProperties, &#39;color&#39;&gt;</td><td>-</td><td>inherit from color</td></tr><tr><td>size</td><td>SVG icon size, size x size</td><td>number</td><td>-</td><td>inherit from font size</td></tr></tbody></table>", 1);

function iconvue_type_template_id_1c42ae58_render(_ctx, _cache, $props, $setup, $data, $options) {
  const _component_app_link = Object(vue_esm_browser_prod["resolveComponent"])("app-link");

  const _component_app_heading = Object(vue_esm_browser_prod["resolveComponent"])("app-heading");

  const _component_element_demo0 = Object(vue_esm_browser_prod["resolveComponent"])("element-demo0");

  const _component_demo_block = Object(vue_esm_browser_prod["resolveComponent"])("demo-block");

  const _component_element_demo1 = Object(vue_esm_browser_prod["resolveComponent"])("element-demo1");

  const _component_el_icon = Object(vue_esm_browser_prod["resolveComponent"])("el-icon");

  const _component_element_demo2 = Object(vue_esm_browser_prod["resolveComponent"])("element-demo2");

  const _component_right_nav = Object(vue_esm_browser_prod["resolveComponent"])("right-nav");

  return Object(vue_esm_browser_prod["openBlock"])(), Object(vue_esm_browser_prod["createElementBlock"])("section", iconvue_type_template_id_1c42ae58_hoisted_1, [Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "icones",
    content: "Icônes",
    href: "#icones",
    level: "2"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [iconvue_type_template_id_1c42ae58_hoisted_2, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#icones"
    })]),
    _: 1
  }), iconvue_type_template_id_1c42ae58_hoisted_3, Object(vue_esm_browser_prod["createElementVNode"])("div", iconvue_type_template_id_1c42ae58_hoisted_4, [Object(vue_esm_browser_prod["createElementVNode"])("p", null, [_hoisted_5, _hoisted_6, _hoisted_7, _hoisted_8, _hoisted_9, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
    href: "/#/fr/component/changelog"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_10]),
    _: 1
  }), _hoisted_11, _hoisted_12, _hoisted_13])]), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "svg-icon-usage",
    content: "SVG Icon Usage",
    href: "#svg-icon-usage",
    level: "3"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_14, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#svg-icon-usage"
    })]),
    _: 1
  }), Object(vue_esm_browser_prod["createElementVNode"])("ul", null, [Object(vue_esm_browser_prod["createElementVNode"])("li", null, [Object(vue_esm_browser_prod["createElementVNode"])("p", null, [_hoisted_15, _hoisted_16, _hoisted_17, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
    href: "https://v3.vuejs.org/guide/component-registration.html#global-registration"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_18]),
    _: 1
  }), _hoisted_19])]), Object(vue_esm_browser_prod["createElementVNode"])("li", null, [Object(vue_esm_browser_prod["createElementVNode"])("p", null, [_hoisted_20, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
    href: "https://unpkg.com/browse/@element-plus/icons@latest/lib/"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_21]),
    _: 1
  }), _hoisted_22, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
    href: "https://github.com/element-plus/element-plus-icons"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_23]),
    _: 1
  }), _hoisted_24, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
    href: "/#/fr/component/icon#svg-tu-biao-ji-he"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_25]),
    _: 1
  })])])]), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "installation",
    content: "Installation",
    href: "#installation",
    level: "3"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_26, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#installation"
    })]),
    _: 1
  }), Object(vue_esm_browser_prod["createElementVNode"])("p", null, [_hoisted_27, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
    href: "https://v3.vuejs.org"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_28]),
    _: 1
  }), _hoisted_29]), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "using-yarn",
    content: "Using yarn",
    href: "#using-yarn",
    level: "4"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_30, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#using-yarn"
    })]),
    _: 1
  }), _hoisted_31, Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "using-npm",
    content: "Using npm",
    href: "#using-npm",
    level: "4"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_32, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#using-npm"
    })]),
    _: 1
  }), _hoisted_33, Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "simple-usage",
    content: "Simple usage",
    href: "#simple-usage",
    level: "4"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_34, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#simple-usage"
    })]),
    _: 1
  }), _hoisted_35, Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "combined-with-el-icon",
    content: "Combined with ",
    href: "",
    level: "4"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_36, _hoisted_37, _hoisted_38, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#combined-with-el-icon"
    })]),
    _: 1
  }), Object(vue_esm_browser_prod["createVNode"])(_component_demo_block, null, {
    source: Object(vue_esm_browser_prod["withCtx"])(() => [Object(vue_esm_browser_prod["createVNode"])(_component_element_demo0)]),
    highlight: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_40]),
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_39]),
    _: 1
  }), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "using-svg-icones-directly",
    content: "Using SVG icônes directly",
    href: "#using-svg-icones-directly",
    level: "4"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_41, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#using-svg-icones-directly"
    })]),
    _: 1
  }), Object(vue_esm_browser_prod["createVNode"])(_component_demo_block, null, {
    source: Object(vue_esm_browser_prod["withCtx"])(() => [Object(vue_esm_browser_prod["createVNode"])(_component_element_demo1)]),
    highlight: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_42]),
    _: 1
  }), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "svg-icones-collection",
    content: "SVG icônes collection",
    href: "#svg-icones-collection",
    level: "3"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_43, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#svg-icones-collection"
    })]),
    _: 1
  }), _hoisted_44, Object(vue_esm_browser_prod["createElementVNode"])("ul", _hoisted_45, [(Object(vue_esm_browser_prod["openBlock"])(true), Object(vue_esm_browser_prod["createElementBlock"])(vue_esm_browser_prod["Fragment"], null, Object(vue_esm_browser_prod["renderList"])(_ctx.$svgIcons, component => {
    return Object(vue_esm_browser_prod["openBlock"])(), Object(vue_esm_browser_prod["createElementBlock"])("li", {
      key: component,
      onClick: $event => _ctx.$copySvgIcon(component)
    }, [Object(vue_esm_browser_prod["createElementVNode"])("span", _hoisted_47, [Object(vue_esm_browser_prod["createVNode"])(_component_el_icon, {
      color: "#000"
    }, {
      default: Object(vue_esm_browser_prod["withCtx"])(() => [(Object(vue_esm_browser_prod["openBlock"])(), Object(vue_esm_browser_prod["createBlock"])(Object(vue_esm_browser_prod["resolveDynamicComponent"])(component)))]),
      _: 2
    }, 1024), Object(vue_esm_browser_prod["createElementVNode"])("span", _hoisted_48, Object(vue_esm_browser_prod["toDisplayString"])(component), 1)])], 8, _hoisted_46);
  }), 128))]), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "font-icones-basic-usage",
    content: "Font Icônes Basic usage",
    href: "#font-icones-basic-usage",
    level: "3"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_49, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#font-icones-basic-usage"
    })]),
    _: 1
  }), _hoisted_50, Object(vue_esm_browser_prod["createVNode"])(_component_demo_block, null, {
    source: Object(vue_esm_browser_prod["withCtx"])(() => [Object(vue_esm_browser_prod["createVNode"])(_component_element_demo2)]),
    highlight: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_51]),
    _: 1
  }), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "font-icones",
    content: "Font Icônes",
    href: "#font-icones",
    level: "3"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_52, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#font-icones"
    })]),
    _: 1
  }), Object(vue_esm_browser_prod["createElementVNode"])("ul", _hoisted_53, [(Object(vue_esm_browser_prod["openBlock"])(true), Object(vue_esm_browser_prod["createElementBlock"])(vue_esm_browser_prod["Fragment"], null, Object(vue_esm_browser_prod["renderList"])(_ctx.$icon, name => {
    return Object(vue_esm_browser_prod["openBlock"])(), Object(vue_esm_browser_prod["createElementBlock"])("li", {
      key: name
    }, [Object(vue_esm_browser_prod["createElementVNode"])("span", null, [Object(vue_esm_browser_prod["createElementVNode"])("i", {
      class: Object(vue_esm_browser_prod["normalizeClass"])('el-icon-' + name)
    }, null, 2), Object(vue_esm_browser_prod["createElementVNode"])("span", _hoisted_54, Object(vue_esm_browser_prod["toDisplayString"])('el-icon-' + name), 1)])]);
  }), 128))]), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "svg-icones-attributs",
    content: "SVG icônes Attributs",
    href: "#svg-icones-attributs",
    level: "3"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [_hoisted_55, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#svg-icones-attributs"
    })]),
    _: 1
  }), _hoisted_56, Object(vue_esm_browser_prod["createVNode"])(_component_right_nav)]);
}
// CONCATENATED MODULE: ./website/docs/fr-FR/icon.md?vue&type=template&id=1c42ae58

// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/dist??ref--3-0!./website/md-loader!./website/docs/fr-FR/icon.md?vue&type=script&lang=ts

/* harmony default export */ var iconvue_type_script_lang_ts = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      const {
        createElementVNode: _createElementVNode,
        createTextVNode: _createTextVNode,
        resolveComponent: _resolveComponent,
        createVNode: _createVNode,
        withCtx: _withCtx,
        openBlock: _openBlock,
        createElementBlock: _createElementBlock
      } = vue_esm_browser_prod;

      const _hoisted_1 = /*#__PURE__*/_createElementVNode("p", null, [/*#__PURE__*/_createTextVNode(" with extra class "), /*#__PURE__*/_createElementVNode("b", null, "is-loading"), /*#__PURE__*/_createTextVNode(", your icon is able to rotate 360 deg in 2 seconds, you can also override this ")], -1);

      const _hoisted_2 = /*#__PURE__*/_createElementVNode("span", {
        style: {
          "vertical-align": "middle"
        }
      }, " Search ", -1);

      function render(_ctx, _cache) {
        const _component_edit = _resolveComponent("edit");

        const _component_el_icon = _resolveComponent("el-icon");

        const _component_share = _resolveComponent("share");

        const _component_delete = _resolveComponent("delete");

        const _component_loading = _resolveComponent("loading");

        const _component_search = _resolveComponent("search");

        const _component_el_button = _resolveComponent("el-button");

        return _openBlock(), _createElementBlock("div", null, [_hoisted_1, _createVNode(_component_el_icon, {
          size: 20
        }, {
          default: _withCtx(() => [_createVNode(_component_edit)]),
          _: 1
        }), _createVNode(_component_el_icon, {
          color: "#409EFC",
          class: "no-inherit"
        }, {
          default: _withCtx(() => [_createVNode(_component_share)]),
          _: 1
        }), _createVNode(_component_el_icon, null, {
          default: _withCtx(() => [_createVNode(_component_delete)]),
          _: 1
        }), _createVNode(_component_el_icon, {
          class: "is-loading"
        }, {
          default: _withCtx(() => [_createVNode(_component_loading)]),
          _: 1
        }), _createVNode(_component_el_button, {
          type: "primary"
        }, {
          default: _withCtx(() => [_createVNode(_component_el_icon, {
            style: {
              "vertical-align": "middle"
            }
          }, {
            default: _withCtx(() => [_createVNode(_component_search)]),
            _: 1
          }), _hoisted_2]),
          _: 1
        })]);
      }

      const democomponentExport = {};
      return {
        render,
        ...democomponentExport
      };
    }(),
    "element-demo1": function () {
      const {
        resolveComponent: _resolveComponent,
        createVNode: _createVNode,
        createElementVNode: _createElementVNode,
        openBlock: _openBlock,
        createElementBlock: _createElementBlock
      } = vue_esm_browser_prod;
      const _hoisted_1 = {
        style: {
          "font-size": "20px"
        }
      };

      function render(_ctx, _cache) {
        const _component_edit = _resolveComponent("edit");

        const _component_share = _resolveComponent("share");

        const _component_delete = _resolveComponent("delete");

        const _component_search = _resolveComponent("search");

        return _openBlock(), _createElementBlock("div", null, [_createElementVNode("div", _hoisted_1, [_createVNode(_component_edit, {
          style: {
            "width": "1em",
            "height": "1em",
            "margin-right": "8px"
          }
        }), _createVNode(_component_share, {
          style: {
            "width": "1em",
            "height": "1em",
            "margin-right": "8px"
          }
        }), _createVNode(_component_delete, {
          style: {
            "width": "1em",
            "height": "1em",
            "margin-right": "8px"
          }
        }), _createVNode(_component_search, {
          style: {
            "width": "1em",
            "height": "1em",
            "margin-right": "8px"
          }
        })])]);
      }

      const democomponentExport = {};
      return {
        render,
        ...democomponentExport
      };
    }(),
    "element-demo2": function () {
      const {
        createElementVNode: _createElementVNode,
        createTextVNode: _createTextVNode,
        resolveComponent: _resolveComponent,
        withCtx: _withCtx,
        createVNode: _createVNode,
        openBlock: _openBlock,
        createElementBlock: _createElementBlock
      } = vue_esm_browser_prod;

      const _hoisted_1 = /*#__PURE__*/_createElementVNode("i", {
        class: "el-icon-edit"
      }, null, -1);

      const _hoisted_2 = /*#__PURE__*/_createElementVNode("i", {
        class: "el-icon-share"
      }, null, -1);

      const _hoisted_3 = /*#__PURE__*/_createElementVNode("i", {
        class: "el-icon-delete"
      }, null, -1);

      const _hoisted_4 = /*#__PURE__*/_createTextVNode("Search");

      function render(_ctx, _cache) {
        const _component_el_button = _resolveComponent("el-button");

        return _openBlock(), _createElementBlock("div", null, [_hoisted_1, _hoisted_2, _hoisted_3, _createVNode(_component_el_button, {
          type: "primary",
          icon: "el-icon-search"
        }, {
          default: _withCtx(() => [_hoisted_4]),
          _: 1
        })]);
      }

      const democomponentExport = {};
      return {
        render,
        ...democomponentExport
      };
    }()
  }
});
// CONCATENATED MODULE: ./website/docs/fr-FR/icon.md?vue&type=script&lang=ts
 
// CONCATENATED MODULE: ./website/docs/fr-FR/icon.md



iconvue_type_script_lang_ts.render = iconvue_type_template_id_1c42ae58_render

/* harmony default export */ var icon = __webpack_exports__["default"] = (iconvue_type_script_lang_ts);

/***/ })

}]);