openid icon
openid from Line Awesome by Icons8 · Line · Other · Apache-2.0 Free for personal and commercial use.
- Name
- openid
- Set
- Line Awesome
- Style
- Line
- Category
- Other
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
More other icons from Line Awesome
Use the openid icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m19 4l-4 1.938v19.687c-5.145-.672-8.063-3.023-8.063-5.969c0-2.761 2.985-5.101 7.063-5.843v-2.5c-6.277.796-11 4.23-11 8.343c0 4.293 4.52 7.817 12 8.438l4-1.875zm1 7.375v2.531c1.313.281 2.504.739 3.5 1.313l-2.125 1.187L29 18.063l-.531-5.625l-2.032 1.124c-1.75-1.062-3.968-1.82-6.437-2.187"/></svg>
React
import type { SVGProps } from "react";
export function LaOpenid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m19 4l-4 1.938v19.687c-5.145-.672-8.063-3.023-8.063-5.969c0-2.761 2.985-5.101 7.063-5.843v-2.5c-6.277.796-11 4.23-11 8.343c0 4.293 4.52 7.817 12 8.438l4-1.875zm1 7.375v2.531c1.313.281 2.504.739 3.5 1.313l-2.125 1.187L29 18.063l-.531-5.625l-2.032 1.124c-1.75-1.062-3.968-1.82-6.437-2.187"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m19 4l-4 1.938v19.687c-5.145-.672-8.063-3.023-8.063-5.969c0-2.761 2.985-5.101 7.063-5.843v-2.5c-6.277.796-11 4.23-11 8.343c0 4.293 4.52 7.817 12 8.438l4-1.875zm1 7.375v2.531c1.313.281 2.504.739 3.5 1.313l-2.125 1.187L29 18.063l-.531-5.625l-2.032 1.124c-1.75-1.062-3.968-1.82-6.437-2.187"/></svg> </template>
CSS
.icon-openid {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m19%204l-4%201.938v19.687c-5.145-.672-8.063-3.023-8.063-5.969c0-2.761%202.985-5.101%207.063-5.843v-2.5c-6.277.796-11%204.23-11%208.343c0%204.293%204.52%207.817%2012%208.438l4-1.875zm1%207.375v2.531c1.313.281%202.504.739%203.5%201.313l-2.125%201.187L29%2018.063l-.531-5.625l-2.032%201.124c-1.75-1.062-3.968-1.82-6.437-2.187%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m19%204l-4%201.938v19.687c-5.145-.672-8.063-3.023-8.063-5.969c0-2.761%202.985-5.101%207.063-5.843v-2.5c-6.277.796-11%204.23-11%208.343c0%204.293%204.52%207.817%2012%208.438l4-1.875zm1%207.375v2.531c1.313.281%202.504.739%203.5%201.313l-2.125%201.187L29%2018.063l-.531-5.625l-2.032%201.124c-1.75-1.062-3.968-1.82-6.437-2.187%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/openid.svg?color=%231a73e8&size=48
