logo google text icon
logo-google-text from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- logo-google-text
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
Related icons in Framework7 Icons
Use the logo google text icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M39 24.173c1.084 0 1.949.483 2.399 1.015h.068v-.654h1.894v8.094c0 3.36-1.983 4.742-4.327 4.742c-2.207 0-3.536-1.485-4.033-2.691l1.737-.722c.314.742 1.07 1.621 2.296 1.621c1.506 0 2.433-.933 2.433-2.677v-.654h-.068c-.45.545-1.309 1.035-2.399 1.035c-2.275 0-4.36-1.983-4.36-4.538c0-2.568 2.085-4.571 4.36-4.571m12.796.006c2.111 0 3.26 1.5 3.75 2.543l.104.241l.248.63l-6.091 2.52c.463.914 1.185 1.377 2.207 1.377s1.73-.504 2.242-1.26l1.553 1.035l-.14.196c-.571.75-1.744 1.821-3.655 1.821c-2.59 0-4.517-2.003-4.517-4.551c0-2.712 1.948-4.552 4.3-4.552m-22.54 0c2.508 0 4.552 1.908 4.552 4.552c0 2.623-2.044 4.551-4.551 4.551s-4.552-1.928-4.552-4.551c0-2.637 2.045-4.552 4.552-4.552m-9.94-.027c2.507 0 4.551 1.922 4.551 4.558c0 2.624-2.044 4.552-4.551 4.552s-4.551-1.935-4.551-4.552c0-2.636 2.044-4.558 4.551-4.558M7.283 19.028c2.052 0 3.55.763 4.688 1.791l.177.165l-1.37 1.37c-.83-.777-1.955-1.384-3.495-1.384c-2.855 0-5.09 2.303-5.09 5.158s2.235 5.158 5.09 5.158c1.854 0 2.91-.743 3.577-1.417c.51-.51.868-1.24 1.028-2.282l.035-.267h-4.64v-1.894h6.514c.061.348.116.818.116 1.274c0 1.458-.395 3.257-1.676 4.538c-1.247 1.295-2.842 1.99-4.954 1.99c-3.91 0-7.202-3.189-7.202-7.1s3.291-7.1 7.202-7.1m39.24.511v13.328H44.56V19.539zM29.25 25.971c-1.376 0-2.562 1.125-2.562 2.76c0 1.621 1.186 2.76 2.562 2.76c1.383 0 2.562-1.145 2.562-2.76c0-1.635-1.186-2.76-2.562-2.76m9.92-.007c-1.376 0-2.534 1.172-2.534 2.78c0 1.588 1.158 2.74 2.535 2.74c1.362.006 2.432-1.152 2.432-2.74c0-1.608-1.07-2.78-2.432-2.78m-19.854-.013c-1.376 0-2.562 1.124-2.562 2.76c0 1.621 1.186 2.759 2.562 2.759s2.562-1.138 2.562-2.76c0-1.635-1.186-2.76-2.562-2.76m32.541-.02c-1.015 0-2.425.899-2.378 2.657l4.068-1.69c-.225-.566-.892-.968-1.69-.968"/></svg>
React
import type { SVGProps } from "react";
export function F7LogoGoogleText(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M39 24.173c1.084 0 1.949.483 2.399 1.015h.068v-.654h1.894v8.094c0 3.36-1.983 4.742-4.327 4.742c-2.207 0-3.536-1.485-4.033-2.691l1.737-.722c.314.742 1.07 1.621 2.296 1.621c1.506 0 2.433-.933 2.433-2.677v-.654h-.068c-.45.545-1.309 1.035-2.399 1.035c-2.275 0-4.36-1.983-4.36-4.538c0-2.568 2.085-4.571 4.36-4.571m12.796.006c2.111 0 3.26 1.5 3.75 2.543l.104.241l.248.63l-6.091 2.52c.463.914 1.185 1.377 2.207 1.377s1.73-.504 2.242-1.26l1.553 1.035l-.14.196c-.571.75-1.744 1.821-3.655 1.821c-2.59 0-4.517-2.003-4.517-4.551c0-2.712 1.948-4.552 4.3-4.552m-22.54 0c2.508 0 4.552 1.908 4.552 4.552c0 2.623-2.044 4.551-4.551 4.551s-4.552-1.928-4.552-4.551c0-2.637 2.045-4.552 4.552-4.552m-9.94-.027c2.507 0 4.551 1.922 4.551 4.558c0 2.624-2.044 4.552-4.551 4.552s-4.551-1.935-4.551-4.552c0-2.636 2.044-4.558 4.551-4.558M7.283 19.028c2.052 0 3.55.763 4.688 1.791l.177.165l-1.37 1.37c-.83-.777-1.955-1.384-3.495-1.384c-2.855 0-5.09 2.303-5.09 5.158s2.235 5.158 5.09 5.158c1.854 0 2.91-.743 3.577-1.417c.51-.51.868-1.24 1.028-2.282l.035-.267h-4.64v-1.894h6.514c.061.348.116.818.116 1.274c0 1.458-.395 3.257-1.676 4.538c-1.247 1.295-2.842 1.99-4.954 1.99c-3.91 0-7.202-3.189-7.202-7.1s3.291-7.1 7.202-7.1m39.24.511v13.328H44.56V19.539zM29.25 25.971c-1.376 0-2.562 1.125-2.562 2.76c0 1.621 1.186 2.76 2.562 2.76c1.383 0 2.562-1.145 2.562-2.76c0-1.635-1.186-2.76-2.562-2.76m9.92-.007c-1.376 0-2.534 1.172-2.534 2.78c0 1.588 1.158 2.74 2.535 2.74c1.362.006 2.432-1.152 2.432-2.74c0-1.608-1.07-2.78-2.432-2.78m-19.854-.013c-1.376 0-2.562 1.124-2.562 2.76c0 1.621 1.186 2.759 2.562 2.759s2.562-1.138 2.562-2.76c0-1.635-1.186-2.76-2.562-2.76m32.541-.02c-1.015 0-2.425.899-2.378 2.657l4.068-1.69c-.225-.566-.892-.968-1.69-.968"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M39 24.173c1.084 0 1.949.483 2.399 1.015h.068v-.654h1.894v8.094c0 3.36-1.983 4.742-4.327 4.742c-2.207 0-3.536-1.485-4.033-2.691l1.737-.722c.314.742 1.07 1.621 2.296 1.621c1.506 0 2.433-.933 2.433-2.677v-.654h-.068c-.45.545-1.309 1.035-2.399 1.035c-2.275 0-4.36-1.983-4.36-4.538c0-2.568 2.085-4.571 4.36-4.571m12.796.006c2.111 0 3.26 1.5 3.75 2.543l.104.241l.248.63l-6.091 2.52c.463.914 1.185 1.377 2.207 1.377s1.73-.504 2.242-1.26l1.553 1.035l-.14.196c-.571.75-1.744 1.821-3.655 1.821c-2.59 0-4.517-2.003-4.517-4.551c0-2.712 1.948-4.552 4.3-4.552m-22.54 0c2.508 0 4.552 1.908 4.552 4.552c0 2.623-2.044 4.551-4.551 4.551s-4.552-1.928-4.552-4.551c0-2.637 2.045-4.552 4.552-4.552m-9.94-.027c2.507 0 4.551 1.922 4.551 4.558c0 2.624-2.044 4.552-4.551 4.552s-4.551-1.935-4.551-4.552c0-2.636 2.044-4.558 4.551-4.558M7.283 19.028c2.052 0 3.55.763 4.688 1.791l.177.165l-1.37 1.37c-.83-.777-1.955-1.384-3.495-1.384c-2.855 0-5.09 2.303-5.09 5.158s2.235 5.158 5.09 5.158c1.854 0 2.91-.743 3.577-1.417c.51-.51.868-1.24 1.028-2.282l.035-.267h-4.64v-1.894h6.514c.061.348.116.818.116 1.274c0 1.458-.395 3.257-1.676 4.538c-1.247 1.295-2.842 1.99-4.954 1.99c-3.91 0-7.202-3.189-7.202-7.1s3.291-7.1 7.202-7.1m39.24.511v13.328H44.56V19.539zM29.25 25.971c-1.376 0-2.562 1.125-2.562 2.76c0 1.621 1.186 2.76 2.562 2.76c1.383 0 2.562-1.145 2.562-2.76c0-1.635-1.186-2.76-2.562-2.76m9.92-.007c-1.376 0-2.534 1.172-2.534 2.78c0 1.588 1.158 2.74 2.535 2.74c1.362.006 2.432-1.152 2.432-2.74c0-1.608-1.07-2.78-2.432-2.78m-19.854-.013c-1.376 0-2.562 1.124-2.562 2.76c0 1.621 1.186 2.759 2.562 2.759s2.562-1.138 2.562-2.76c0-1.635-1.186-2.76-2.562-2.76m32.541-.02c-1.015 0-2.425.899-2.378 2.657l4.068-1.69c-.225-.566-.892-.968-1.69-.968"/></svg> </template>
CSS
.icon-logo-google-text {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M39%2024.173c1.084%200%201.949.483%202.399%201.015h.068v-.654h1.894v8.094c0%203.36-1.983%204.742-4.327%204.742c-2.207%200-3.536-1.485-4.033-2.691l1.737-.722c.314.742%201.07%201.621%202.296%201.621c1.506%200%202.433-.933%202.433-2.677v-.654h-.068c-.45.545-1.309%201.035-2.399%201.035c-2.275%200-4.36-1.983-4.36-4.538c0-2.568%202.085-4.571%204.36-4.571m12.796.006c2.111%200%203.26%201.5%203.75%202.543l.104.241l.248.63l-6.091%202.52c.463.914%201.185%201.377%202.207%201.377s1.73-.504%202.242-1.26l1.553%201.035l-.14.196c-.571.75-1.744%201.821-3.655%201.821c-2.59%200-4.517-2.003-4.517-4.551c0-2.712%201.948-4.552%204.3-4.552m-22.54%200c2.508%200%204.552%201.908%204.552%204.552c0%202.623-2.044%204.551-4.551%204.551s-4.552-1.928-4.552-4.551c0-2.637%202.045-4.552%204.552-4.552m-9.94-.027c2.507%200%204.551%201.922%204.551%204.558c0%202.624-2.044%204.552-4.551%204.552s-4.551-1.935-4.551-4.552c0-2.636%202.044-4.558%204.551-4.558M7.283%2019.028c2.052%200%203.55.763%204.688%201.791l.177.165l-1.37%201.37c-.83-.777-1.955-1.384-3.495-1.384c-2.855%200-5.09%202.303-5.09%205.158s2.235%205.158%205.09%205.158c1.854%200%202.91-.743%203.577-1.417c.51-.51.868-1.24%201.028-2.282l.035-.267h-4.64v-1.894h6.514c.061.348.116.818.116%201.274c0%201.458-.395%203.257-1.676%204.538c-1.247%201.295-2.842%201.99-4.954%201.99c-3.91%200-7.202-3.189-7.202-7.1s3.291-7.1%207.202-7.1m39.24.511v13.328H44.56V19.539zM29.25%2025.971c-1.376%200-2.562%201.125-2.562%202.76c0%201.621%201.186%202.76%202.562%202.76c1.383%200%202.562-1.145%202.562-2.76c0-1.635-1.186-2.76-2.562-2.76m9.92-.007c-1.376%200-2.534%201.172-2.534%202.78c0%201.588%201.158%202.74%202.535%202.74c1.362.006%202.432-1.152%202.432-2.74c0-1.608-1.07-2.78-2.432-2.78m-19.854-.013c-1.376%200-2.562%201.124-2.562%202.76c0%201.621%201.186%202.759%202.562%202.759s2.562-1.138%202.562-2.76c0-1.635-1.186-2.76-2.562-2.76m32.541-.02c-1.015%200-2.425.899-2.378%202.657l4.068-1.69c-.225-.566-.892-.968-1.69-.968%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M39%2024.173c1.084%200%201.949.483%202.399%201.015h.068v-.654h1.894v8.094c0%203.36-1.983%204.742-4.327%204.742c-2.207%200-3.536-1.485-4.033-2.691l1.737-.722c.314.742%201.07%201.621%202.296%201.621c1.506%200%202.433-.933%202.433-2.677v-.654h-.068c-.45.545-1.309%201.035-2.399%201.035c-2.275%200-4.36-1.983-4.36-4.538c0-2.568%202.085-4.571%204.36-4.571m12.796.006c2.111%200%203.26%201.5%203.75%202.543l.104.241l.248.63l-6.091%202.52c.463.914%201.185%201.377%202.207%201.377s1.73-.504%202.242-1.26l1.553%201.035l-.14.196c-.571.75-1.744%201.821-3.655%201.821c-2.59%200-4.517-2.003-4.517-4.551c0-2.712%201.948-4.552%204.3-4.552m-22.54%200c2.508%200%204.552%201.908%204.552%204.552c0%202.623-2.044%204.551-4.551%204.551s-4.552-1.928-4.552-4.551c0-2.637%202.045-4.552%204.552-4.552m-9.94-.027c2.507%200%204.551%201.922%204.551%204.558c0%202.624-2.044%204.552-4.551%204.552s-4.551-1.935-4.551-4.552c0-2.636%202.044-4.558%204.551-4.558M7.283%2019.028c2.052%200%203.55.763%204.688%201.791l.177.165l-1.37%201.37c-.83-.777-1.955-1.384-3.495-1.384c-2.855%200-5.09%202.303-5.09%205.158s2.235%205.158%205.09%205.158c1.854%200%202.91-.743%203.577-1.417c.51-.51.868-1.24%201.028-2.282l.035-.267h-4.64v-1.894h6.514c.061.348.116.818.116%201.274c0%201.458-.395%203.257-1.676%204.538c-1.247%201.295-2.842%201.99-4.954%201.99c-3.91%200-7.202-3.189-7.202-7.1s3.291-7.1%207.202-7.1m39.24.511v13.328H44.56V19.539zM29.25%2025.971c-1.376%200-2.562%201.125-2.562%202.76c0%201.621%201.186%202.76%202.562%202.76c1.383%200%202.562-1.145%202.562-2.76c0-1.635-1.186-2.76-2.562-2.76m9.92-.007c-1.376%200-2.534%201.172-2.534%202.78c0%201.588%201.158%202.74%202.535%202.74c1.362.006%202.432-1.152%202.432-2.74c0-1.608-1.07-2.78-2.432-2.78m-19.854-.013c-1.376%200-2.562%201.124-2.562%202.76c0%201.621%201.186%202.759%202.562%202.759s2.562-1.138%202.562-2.76c0-1.635-1.186-2.76-2.562-2.76m32.541-.02c-1.015%200-2.425.899-2.378%202.657l4.068-1.69c-.225-.566-.892-.968-1.69-.968%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/logo-google-text.svg?color=%231a73e8&size=48
