premier pro icon

premier-pro from Mage Icons by MageIcons · Outline · Apache-2.0 Free for personal and commercial use.

Name
premier-pro
Set
Mage Icons
Style
Outline
Viewbox
24×24
License
Apache 2.0

Use the premier pro icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.63 11.11a1.16 1.16 0 0 1-.81.77A4 4 0 0 1 8.2 12c-.11 0-.15 0-.15-.16V9.4c0-.09 0-.17.12-.17q.712-.01 1.42.07a1.3 1.3 0 0 1 1.04 1.81"/><path fill="currentColor" d="M17 2H7a5 5 0 0 0-5 5v10a5 5 0 0 0 5 5h10a5 5 0 0 0 5-5V7a5 5 0 0 0-5-5m-5.14 10.57a3 3 0 0 1-2 1c-.5.06-1 0-1.5.08H8v2.57c0 .2 0 .23-.21.23H6.37c-.15 0-.21-.05-.21-.21V7.79c0-.13 0-.2.18-.2H9.1A4 4 0 0 1 11 8a2.71 2.71 0 0 1 1.55 2.43a2.88 2.88 0 0 1-.69 2.14m5.94-1.29c0 .14-.08.17-.2.17a3.6 3.6 0 0 0-1.45.26l-.13.06a.58.58 0 0 0-.4.62v3.82c0 .23 0 .24-.23.24h-1.45c-.21 0-.23 0-.23-.23v-5.19c0-.38 0-.76-.05-1.14c0-.13 0-.19.17-.18h1.33a.23.23 0 0 1 .27.22c0 .2.07.41.1.58c.3-.21.59-.44.91-.63a2.35 2.35 0 0 1 1.19-.31c.12 0 .18 0 .18.17z"/></svg>

React

import type { SVGProps } from "react";

export function MagePremierPro(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.63 11.11a1.16 1.16 0 0 1-.81.77A4 4 0 0 1 8.2 12c-.11 0-.15 0-.15-.16V9.4c0-.09 0-.17.12-.17q.712-.01 1.42.07a1.3 1.3 0 0 1 1.04 1.81"/><path fill="currentColor" d="M17 2H7a5 5 0 0 0-5 5v10a5 5 0 0 0 5 5h10a5 5 0 0 0 5-5V7a5 5 0 0 0-5-5m-5.14 10.57a3 3 0 0 1-2 1c-.5.06-1 0-1.5.08H8v2.57c0 .2 0 .23-.21.23H6.37c-.15 0-.21-.05-.21-.21V7.79c0-.13 0-.2.18-.2H9.1A4 4 0 0 1 11 8a2.71 2.71 0 0 1 1.55 2.43a2.88 2.88 0 0 1-.69 2.14m5.94-1.29c0 .14-.08.17-.2.17a3.6 3.6 0 0 0-1.45.26l-.13.06a.58.58 0 0 0-.4.62v3.82c0 .23 0 .24-.23.24h-1.45c-.21 0-.23 0-.23-.23v-5.19c0-.38 0-.76-.05-1.14c0-.13 0-.19.17-.18h1.33a.23.23 0 0 1 .27.22c0 .2.07.41.1.58c.3-.21.59-.44.91-.63a2.35 2.35 0 0 1 1.19-.31c.12 0 .18 0 .18.17z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.63 11.11a1.16 1.16 0 0 1-.81.77A4 4 0 0 1 8.2 12c-.11 0-.15 0-.15-.16V9.4c0-.09 0-.17.12-.17q.712-.01 1.42.07a1.3 1.3 0 0 1 1.04 1.81"/><path fill="currentColor" d="M17 2H7a5 5 0 0 0-5 5v10a5 5 0 0 0 5 5h10a5 5 0 0 0 5-5V7a5 5 0 0 0-5-5m-5.14 10.57a3 3 0 0 1-2 1c-.5.06-1 0-1.5.08H8v2.57c0 .2 0 .23-.21.23H6.37c-.15 0-.21-.05-.21-.21V7.79c0-.13 0-.2.18-.2H9.1A4 4 0 0 1 11 8a2.71 2.71 0 0 1 1.55 2.43a2.88 2.88 0 0 1-.69 2.14m5.94-1.29c0 .14-.08.17-.2.17a3.6 3.6 0 0 0-1.45.26l-.13.06a.58.58 0 0 0-.4.62v3.82c0 .23 0 .24-.23.24h-1.45c-.21 0-.23 0-.23-.23v-5.19c0-.38 0-.76-.05-1.14c0-.13 0-.19.17-.18h1.33a.23.23 0 0 1 .27.22c0 .2.07.41.1.58c.3-.21.59-.44.91-.63a2.35 2.35 0 0 1 1.19-.31c.12 0 .18 0 .18.17z"/></svg>
</template>

CSS

.icon-premier-pro {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.63%2011.11a1.16%201.16%200%200%201-.81.77A4%204%200%200%201%208.2%2012c-.11%200-.15%200-.15-.16V9.4c0-.09%200-.17.12-.17q.712-.01%201.42.07a1.3%201.3%200%200%201%201.04%201.81%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17%202H7a5%205%200%200%200-5%205v10a5%205%200%200%200%205%205h10a5%205%200%200%200%205-5V7a5%205%200%200%200-5-5m-5.14%2010.57a3%203%200%200%201-2%201c-.5.06-1%200-1.5.08H8v2.57c0%20.2%200%20.23-.21.23H6.37c-.15%200-.21-.05-.21-.21V7.79c0-.13%200-.2.18-.2H9.1A4%204%200%200%201%2011%208a2.71%202.71%200%200%201%201.55%202.43a2.88%202.88%200%200%201-.69%202.14m5.94-1.29c0%20.14-.08.17-.2.17a3.6%203.6%200%200%200-1.45.26l-.13.06a.58.58%200%200%200-.4.62v3.82c0%20.23%200%20.24-.23.24h-1.45c-.21%200-.23%200-.23-.23v-5.19c0-.38%200-.76-.05-1.14c0-.13%200-.19.17-.18h1.33a.23.23%200%200%201%20.27.22c0%20.2.07.41.1.58c.3-.21.59-.44.91-.63a2.35%202.35%200%200%201%201.19-.31c.12%200%20.18%200%20.18.17z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.63%2011.11a1.16%201.16%200%200%201-.81.77A4%204%200%200%201%208.2%2012c-.11%200-.15%200-.15-.16V9.4c0-.09%200-.17.12-.17q.712-.01%201.42.07a1.3%201.3%200%200%201%201.04%201.81%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17%202H7a5%205%200%200%200-5%205v10a5%205%200%200%200%205%205h10a5%205%200%200%200%205-5V7a5%205%200%200%200-5-5m-5.14%2010.57a3%203%200%200%201-2%201c-.5.06-1%200-1.5.08H8v2.57c0%20.2%200%20.23-.21.23H6.37c-.15%200-.21-.05-.21-.21V7.79c0-.13%200-.2.18-.2H9.1A4%204%200%200%201%2011%208a2.71%202.71%200%200%201%201.55%202.43a2.88%202.88%200%200%201-.69%202.14m5.94-1.29c0%20.14-.08.17-.2.17a3.6%203.6%200%200%200-1.45.26l-.13.06a.58.58%200%200%200-.4.62v3.82c0%20.23%200%20.24-.23.24h-1.45c-.21%200-.23%200-.23-.23v-5.19c0-.38%200-.76-.05-1.14c0-.13%200-.19.17-.18h1.33a.23.23%200%200%201%20.27.22c0%20.2.07.41.1.58c.3-.21.59-.44.91-.63a2.35%202.35%200%200%201%201.19-.31c.12%200%20.18%200%20.18.17z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mage/premier-pro.svg?color=%231a73e8&size=48