vue-sailor-icons/icons/SoundOnIcon.js

Nice open source icons as Vue functional components.

import _mergeJSXProps from "babel-helper-vue-jsx-merge-props";
export default {
  name: 'SoundOnIcon',
  props: {
    size: {
      type: String,
      default: '24',
      validator: function validator(s) {
        return !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x';
      }
    },
    color: {
      type: String,
      default: '#000'
    }
  },
  functional: true,
  render: function render(h, ctx) {
    var size = ctx.props.size.slice(-1) === 'x' ? ctx.props.size.slice(0, ctx.props.size.length - 1) + 'em' : parseInt(ctx.props.size) + 'px';
    var attrs = ctx.data.attrs || {};
    attrs.width = attrs.width || size;
    attrs.height = attrs.height || size;
    ctx.data.attrs = attrs;
    return h("svg", _mergeJSXProps([{
      attrs: {
        xmlns: "http://www.w3.org/2000/svg",
        width: "24",
        height: "24",
        viewBox: "0 0 24 24"
      },
      "class": "sailor sailor-sound-on"
    }, ctx.data]), [h("path", {
      attrs: {
        d: "M13.62 18.82a.6.6 0 0 1-.34-.11l-4.72-3.24.69-1L13 17.05V7.08L9.26 9.64l-.7-1 4.64-3.22a.62.62 0 0 1 .63 0 .6.6 0 0 1 .33.54l.07 12.29a.62.62 0 0 1-.32.54.59.59 0 0 1-.29.03z",
        fill: ctx.props.color
      }
    }), h("path", {
      attrs: {
        d: "M8.91 15.58H7.52a3.53 3.53 0 0 1 0-7h1.39a.62.62 0 0 1 .61.61V15a.62.62 0 0 1-.61.58zM7.52 9.75a2.31 2.31 0 0 0 0 4.61h.78V9.75z",
        fill: ctx.props.color
      }
    }), h("path", {
      attrs: {
        d: "M15.84 14.86a.55.55 0 0 1-.45-.22.57.57 0 0 1 .09-.8 2.3 2.3 0 0 0 0-3.55.57.57 0 0 1-.09-.8.56.56 0 0 1 .8-.1 3.45 3.45 0 0 1 0 5.35.59.59 0 0 1-.35.12z",
        fill: ctx.props.color
      }
    }), h("path", {
      attrs: {
        d: "M17.76 16.17a.58.58 0 0 1-.45-.22.56.56 0 0 1 .09-.8 4 4 0 0 0 0-6.15.57.57 0 0 1 .71-.89 5.14 5.14 0 0 1 0 8 .59.59 0 0 1-.35.06z",
        fill: ctx.props.color
      }
    })]);
  }
};