/*! For license information please see 322e349a.b3001806.js.LICENSE.txt */
"use strict";(self.webpackChunkweb_totals=self.webpackChunkweb_totals||[]).push([[742],{44231:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>a,contentTitle:()=>i,default:()=>g,frontMatter:()=>s,metadata:()=>c,toc:()=>l});var o=n(85893),r=n(11151);const s={title:"SVG icon with pure css",authors:"hunghg",tags:["svg","icon","css"]},i=void 0,c={permalink:"/blog/svg-icon-with-pure-css",editUrl:"https://github.com/hunghg255/web-totals/tree/main/blog/svg-icon-with-pure-css.md",source:"@site/blog/svg-icon-with-pure-css.md",title:"SVG icon with pure css",description:"SVG icon with pure css",date:"2023-12-20T03:47:58.126Z",formattedDate:"December 20, 2023",tags:[{label:"svg",permalink:"/blog/tags/svg"},{label:"icon",permalink:"/blog/tags/icon"},{label:"css",permalink:"/blog/tags/css"}],readingTime:2.76,hasTruncateMarker:!0,authors:[{name:"Gia Hung",title:"Creator of Web totals",url:"https://github.com/hunghg255",email:"giahung197bg@gmail.com",imageURL:"https://res.cloudinary.com/hunghg255/image/upload/v1654956015/Screen_Shot_2022-06-07_at_11.25.34_bpnymt.png",key:"hunghg"}],frontMatter:{title:"SVG icon with pure css",authors:"hunghg",tags:["svg","icon","css"]},unlisted:!1,nextItem:{title:"React Provider Hell",permalink:"/blog/react-provider-hell"}},a={authorsImageUrls:[void 0]},l=[{value:"SVG icon with pure css",id:"svg-icon-with-pure-css",level:2}];function u(e){const t={h2:"h2",...(0,r.a)(),...e.components};return(0,o.jsx)(t.h2,{id:"svg-icon-with-pure-css",children:"SVG icon with pure css"})}function g(e={}){const{wrapper:t}={...(0,r.a)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(u,{...e})}):u(e)}},75251:(e,t,n)=>{var o=n(67294),r=Symbol.for("react.element"),s=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,c=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,a={key:!0,ref:!0,__self:!0,__source:!0};function l(e,t,n){var o,s={},l=null,u=null;for(o in void 0!==n&&(l=""+n),void 0!==t.key&&(l=""+t.key),void 0!==t.ref&&(u=t.ref),t)i.call(t,o)&&!a.hasOwnProperty(o)&&(s[o]=t[o]);if(e&&e.defaultProps)for(o in t=e.defaultProps)void 0===s[o]&&(s[o]=t[o]);return{$$typeof:r,type:e,key:l,ref:u,props:s,_owner:c.current}}t.Fragment=s,t.jsx=l,t.jsxs=l},85893:(e,t,n)=>{e.exports=n(75251)},11151:(e,t,n)=>{n.d(t,{Z:()=>c,a:()=>i});var o=n(67294);const r={},s=o.createContext(r);function i(e){const t=o.useContext(s);return o.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:i(e.components),o.createElement(s.Provider,{value:t},e.children)}}}]);