[Feature Request] Simple Icons

[SumNeuron]

Problem to solve

Brand related icons

Proposed solution

Integrate https://simpleicons.org/ as supported icons ets

[dsseng]

@SumNeuron I know Simple Icons. Sorry, we can't add them as a main icons option since they don't have smth like arrow back, options or file upload icons. So maybe just support for v-icon.

[SumNeuron]

If I register it in icon fonts and it only works in v-icon as a supplementary icon set, I would be super happy. mdi-icons (Vuetify 2.0's default), is moving away from branded icons so for people wanting to link to dependencies (e.g. Rollup), list various products / blog interests, or skills (e.g. Adobe), would really benefit from having them easily accessible:

// vuetify.js plugin / nuxt.config.js
{
  //...
   icons: ['mdi', 'simpleicons', ...]
}

<v-icon>si-adobe-illustrator</v-icon>

[dsseng]

okay, so we'll just add Simple Icons to v-icon. no Icons service support

[Paulsky]

I also would like to see SimpleIcons to be integrated. Mainly, because the brand icons in Material Design Icons are deprecated and they recommend SimpleIcons themselves: http://dev.materialdesignicons.com/roadmap/brand-icons

[johnleider]

For version 3 we are redoing how v-icon handles all first party supported icon libraries as well as drastically improving third party support.

You can watch #12699 for updates on how v-icon will work in the future.

If you have any additional questions, please reach out to us in our Discord community.

[Alexisgt01]

npm i simple-icons

// plugins/vuetify.js

import Vue from 'vue';
import Vuetify from 'vuetify';

Vue.use(Vuetify);

let vuetify = new Vuetify({
    ...
    icons: {
        iconfont: 'mdi',
    }
});

const simpleIcons = require('simple-icons');

for (const iconSlug in simpleIcons) {
    const icon = simpleIcons.Get(iconSlug);
    vuetify.framework.icons.values[`si-${icon.slug}`] = icon.path
}

export default vuetify;

<v-icon>$si-youtube</v-icon>