Skip to content

Instantly share code, notes, and snippets.

View mazipan's full-sized avatar
💸
Finding the flying money

Irfan Maulana mazipan

💸
Finding the flying money
2.6k followers · 361 following
View GitHub Profile
@mazipan
mazipan / FacebookIcon-4.vue
Created November 14, 2018 09:33
<template>
<svg
viewBox="0 0 24 24"
:width="width"
:height="height"
:fill="color">
<path d="M22.676 0H1.324C.593 0 0 .593 0 1.324v21.352C0 23.408.593 24 1.324 24h11.494v-9.294H9.689v-3.621h3.129V8.41c0-3.099 1.894-4.785 4.659-4.785 1.325 0 2.464.097 2.796.141v3.24h-1.921c-1.5 0-1.792.721-1.792 1.771v2.311h3.584l-.465 3.63H16.56V24h6.115c.733 0 1.325-.592 1.325-1.324V1.324C24 .593 23.408 0 22.676 0"/>
</svg>
</template>
@mazipan
mazipan / icon-mixin.js
Created November 14, 2018 09:32
export default {
props: {
width: {
type: String,
default: '14px',
},
height: {
type: String,
default: '14px',
},
@mazipan
mazipan / FacebookIcon-3.vue
Created November 14, 2018 09:31
<template>
<svg
viewBox="0 0 24 24"
:width="width"
:height="height"
:fill="color">
<path d="M22.676 0H1.324C.593 0 0 .593 0 1.324v21.352C0 23.408.593 24 1.324 24h11.494v-9.294H9.689v-3.621h3.129V8.41c0-3.099 1.894-4.785 4.659-4.785 1.325 0 2.464.097 2.796.141v3.24h-1.921c-1.5 0-1.792.721-1.792 1.771v2.311h3.584l-.465 3.63H16.56V24h6.115c.733 0 1.325-.592 1.325-1.324V1.324C24 .593 23.408 0 22.676 0"/>
</svg>
</template>
@mazipan
mazipan / FacebookIcon-2.vue
Created November 14, 2018 09:31
<template>
<svg viewBox="0 0 24 24">
<path d="M22.676 0H1.324C.593 0 0 .593 0 1.324v21.352C0 23.408.593 24 1.324 24h11.494v-9.294H9.689v-3.621h3.129V8.41c0-3.099 1.894-4.785 4.659-4.785 1.325 0 2.464.097 2.796.141v3.24h-1.921c-1.5 0-1.792.721-1.792 1.771v2.311h3.584l-.465 3.63H16.56V24h6.115c.733 0 1.325-.592 1.325-1.324V1.324C24 .593 23.408 0 22.676 0"/>
</svg>
</template>
<script>
export default {
name: 'FacebookIcon'
};
@mazipan
mazipan / FacebookIcon-1.vue
Created November 14, 2018 09:30
<template>
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<title>Facebook icon</title>
<path d="M22.676 0H1.324C.593 0 0 .593 0 1.324v21.352C0 23.408.593 24 1.324 24h11.494v-9.294H9.689v-3.621h3.129V8.41c0-3.099 1.894-4.785 4.659-4.785 1.325 0 2.464.097 2.796.141v3.24h-1.921c-1.5 0-1.792.721-1.792 1.771v2.311h3.584l-.465 3.63H16.56V24h6.115c.733 0 1.325-.592 1.325-1.324V1.324C24 .593 23.408 0 22.676 0"/>
</svg>
</template>
<script>
export default {
name: 'FacebookIcon'
@mazipan
mazipan / facebook.svg
Created November 14, 2018 09:28
facebook.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@mazipan
mazipan / basic-svg-component.vue
Created November 14, 2018 04:46
<template>
<!-- put SVG here -->
</template>
<script>
export default {
name: 'FacebookIcon'
};
</script>
@mazipan
mazipan / cloudSettings
Last active July 29, 2021 07:04
Visual Studio Code Settings Sync Gist
{"lastUpload":"2021-07-29T07:04:16.368Z","extensionVersion":"v3.4.3"}
@mazipan
mazipan / webpack-static.config.js
Created November 12, 2018 07:09
const CopyWebpackPlugin = require('copy-webpack-plugin');
// ... other configs
module.exports = {
plugins: {
// ... other plugins
new CopyWebpackPlugin(['static/*'])
}
}
@mazipan
mazipan / webpack-css-extract.config.js
Created November 12, 2018 07:08
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
module.exports = {
rules: [{
test: /\.css$/,
use: [
IS_DEV ? 'vue-style-loader' : MiniCssExtractPlugin.loader,
'css-loader'
]
},