app registration icon

app-registration-outline-sharp from Material Symbols by Google · Outline Sharp · UI Actions · Apache-2.0 Free for personal and commercial use.

Name: app-registration-outline-sharp
Set: Material Symbols
Style: Outline Sharp
Category: UI Actions
Viewbox: 24×24
License: Apache 2.0

5 other variants in Material Symbols

app-registration app-registration-outline app-registration-outline-rounded app-registration-rounded app-registration-sharp

The same icon in other sets

app-registrationMaterial Symbols Light

More ui actions icons from Material Symbols

Use the app registration icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.588 19.413Q4 18.825 4 18t.588-1.412T6 16t1.413.588T8 18t-.587 1.413T6 20t-1.412-.587m0-6Q4 12.825 4 12t.588-1.412T6 10t1.413.588T8 12t-.587 1.413T6 14t-1.412-.587m0-6Q4 6.825 4 6t.588-1.412T6 4t1.413.588T8 6t-.587 1.413T6 8t-1.412-.587m6 0Q10 6.825 10 6t.588-1.412T12 4t1.413.588T14 6t-.587 1.413T12 8t-1.412-.587m6 0Q16 6.825 16 6t.588-1.412T18 4t1.413.588T20 6t-.587 1.413T18 8t-1.412-.587m-6 6Q10 12.825 10 12t.588-1.412T12 10t1.413.588T14 12t-.587 1.413T12 14t-1.412-.587M13 20v-3.075l6.575-6.55l3.075 3.05L16.075 20zm7.5-6.575l-.925-.925zm-6 5.075h.95l3.025-3.05l-.45-.475l-.475-.45l-3.05 3.025zm3.525-3.525l-.475-.45l.925.925z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsAppRegistrationOutlineSharp(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="M4.588 19.413Q4 18.825 4 18t.588-1.412T6 16t1.413.588T8 18t-.587 1.413T6 20t-1.412-.587m0-6Q4 12.825 4 12t.588-1.412T6 10t1.413.588T8 12t-.587 1.413T6 14t-1.412-.587m0-6Q4 6.825 4 6t.588-1.412T6 4t1.413.588T8 6t-.587 1.413T6 8t-1.412-.587m6 0Q10 6.825 10 6t.588-1.412T12 4t1.413.588T14 6t-.587 1.413T12 8t-1.412-.587m6 0Q16 6.825 16 6t.588-1.412T18 4t1.413.588T20 6t-.587 1.413T18 8t-1.412-.587m-6 6Q10 12.825 10 12t.588-1.412T12 10t1.413.588T14 12t-.587 1.413T12 14t-1.412-.587M13 20v-3.075l6.575-6.55l3.075 3.05L16.075 20zm7.5-6.575l-.925-.925zm-6 5.075h.95l3.025-3.05l-.45-.475l-.475-.45l-3.05 3.025zm3.525-3.525l-.475-.45l.925.925z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.588 19.413Q4 18.825 4 18t.588-1.412T6 16t1.413.588T8 18t-.587 1.413T6 20t-1.412-.587m0-6Q4 12.825 4 12t.588-1.412T6 10t1.413.588T8 12t-.587 1.413T6 14t-1.412-.587m0-6Q4 6.825 4 6t.588-1.412T6 4t1.413.588T8 6t-.587 1.413T6 8t-1.412-.587m6 0Q10 6.825 10 6t.588-1.412T12 4t1.413.588T14 6t-.587 1.413T12 8t-1.412-.587m6 0Q16 6.825 16 6t.588-1.412T18 4t1.413.588T20 6t-.587 1.413T18 8t-1.412-.587m-6 6Q10 12.825 10 12t.588-1.412T12 10t1.413.588T14 12t-.587 1.413T12 14t-1.412-.587M13 20v-3.075l6.575-6.55l3.075 3.05L16.075 20zm7.5-6.575l-.925-.925zm-6 5.075h.95l3.025-3.05l-.45-.475l-.475-.45l-3.05 3.025zm3.525-3.525l-.475-.45l.925.925z"/></svg>
</template>

CSS

.icon-app-registration-outline-sharp {
  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%22M4.588%2019.413Q4%2018.825%204%2018t.588-1.412T6%2016t1.413.588T8%2018t-.587%201.413T6%2020t-1.412-.587m0-6Q4%2012.825%204%2012t.588-1.412T6%2010t1.413.588T8%2012t-.587%201.413T6%2014t-1.412-.587m0-6Q4%206.825%204%206t.588-1.412T6%204t1.413.588T8%206t-.587%201.413T6%208t-1.412-.587m6%200Q10%206.825%2010%206t.588-1.412T12%204t1.413.588T14%206t-.587%201.413T12%208t-1.412-.587m6%200Q16%206.825%2016%206t.588-1.412T18%204t1.413.588T20%206t-.587%201.413T18%208t-1.412-.587m-6%206Q10%2012.825%2010%2012t.588-1.412T12%2010t1.413.588T14%2012t-.587%201.413T12%2014t-1.412-.587M13%2020v-3.075l6.575-6.55l3.075%203.05L16.075%2020zm7.5-6.575l-.925-.925zm-6%205.075h.95l3.025-3.05l-.45-.475l-.475-.45l-3.05%203.025zm3.525-3.525l-.475-.45l.925.925z%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%22M4.588%2019.413Q4%2018.825%204%2018t.588-1.412T6%2016t1.413.588T8%2018t-.587%201.413T6%2020t-1.412-.587m0-6Q4%2012.825%204%2012t.588-1.412T6%2010t1.413.588T8%2012t-.587%201.413T6%2014t-1.412-.587m0-6Q4%206.825%204%206t.588-1.412T6%204t1.413.588T8%206t-.587%201.413T6%208t-1.412-.587m6%200Q10%206.825%2010%206t.588-1.412T12%204t1.413.588T14%206t-.587%201.413T12%208t-1.412-.587m6%200Q16%206.825%2016%206t.588-1.412T18%204t1.413.588T20%206t-.587%201.413T18%208t-1.412-.587m-6%206Q10%2012.825%2010%2012t.588-1.412T12%2010t1.413.588T14%2012t-.587%201.413T12%2014t-1.412-.587M13%2020v-3.075l6.575-6.55l3.075%203.05L16.075%2020zm7.5-6.575l-.925-.925zm-6%205.075h.95l3.025-3.05l-.45-.475l-.475-.45l-3.05%203.025zm3.525-3.525l-.475-.45l.925.925z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/app-registration-outline-sharp.svg?color=%231a73e8&size=48