vue-sailor-icons/icons/VoiceIcon.js

Nice open source icons as Vue functional components.

import _mergeJSXProps from "babel-helper-vue-jsx-merge-props";
export default {
  name: 'VoiceIcon',
  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-voice"
    }, ctx.data]), [h("path", {
      attrs: {
        d: "M12 14.43a2.88 2.88 0 0 1-2.88-2.88V6.88a2.88 2.88 0 0 1 5.76 0v4.67A2.88 2.88 0 0 1 12 14.43zm0-9.06a1.52 1.52 0 0 0-1.51 1.51v4.67a1.51 1.51 0 0 0 3 0V6.88A1.52 1.52 0 0 0 12 5.37z",
        fill: ctx.props.color
      }
    }), h("path", {
      attrs: {
        d: "M12 16.87A5 5 0 0 1 6.93 12a.68.68 0 0 1 .68-.69.69.69 0 0 1 .69.69 3.6 3.6 0 0 0 3.7 3.49A3.6 3.6 0 0 0 15.7 12a.69.69 0 0 1 .69-.69.68.68 0 0 1 .68.69A5 5 0 0 1 12 16.87z",
        fill: ctx.props.color
      }
    }), h("path", {
      attrs: {
        d: "M12 20a.69.69 0 0 1-.69-.69v-2.78a.69.69 0 0 1 1.38 0v2.78A.69.69 0 0 1 12 20z",
        fill: ctx.props.color
      }
    }), h("path", {
      attrs: {
        d: "M15.13 20H8.87a.69.69 0 1 1 0-1.37h6.26a.69.69 0 1 1 0 1.37z",
        fill: ctx.props.color
      }
    }), h("rect", {
      attrs: {
        x: "11.55",
        y: "7.52",
        width: "3.1",
        height: "1.04",
        rx: ".52",
        ry: ".52",
        fill: ctx.props.color
      }
    }), h("rect", {
      attrs: {
        x: "12.56",
        y: "9.01",
        width: "1.67",
        height: "1.04",
        rx: ".52",
        ry: ".52",
        fill: ctx.props.color
      }
    })]);
  }
};