about me logo
about-me from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- about-me
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
Use the about me logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M26.047 12.197c-1.828 0-2.844 1.355-3.057 2.824h6.147c-.167-1.401-1.157-2.819-3.089-2.819zm-3.011 4.83c.313 1.541 1.589 2.624 3.376 2.624c.963 0 2.359-.359 3.176-1.219l1.568 1.803c-1.416 1.479-3.536 1.901-4.984 1.901c-3.521 0-6.265-2.543-6.265-6.147c0-3.375 2.525-6.156 6.093-6.156c3.448 0 6 2.64 6 6.136v1.02h-8.964zm-8.651 5.104v-7.589c0-1.296-.579-2.047-1.787-2.047c-1.083 0-1.801.781-2.287 1.344v8.317H7.176v-7.599c0-1.303-.552-2.041-1.756-2.041c-1.083 0-1.833.781-2.291 1.344v8.317H-.002V10.01h3.136v1.531c.531-.615 1.733-1.677 3.609-1.677c1.667 0 2.796.699 3.301 2.12c.703-1.015 2-2.12 3.88-2.12c2.271 0 3.589 1.344 3.589 3.948v8.324h-3.136l.005-.011z"/></svg>
React
import type { SVGProps } from "react";
export function CibAboutMe(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="M26.047 12.197c-1.828 0-2.844 1.355-3.057 2.824h6.147c-.167-1.401-1.157-2.819-3.089-2.819zm-3.011 4.83c.313 1.541 1.589 2.624 3.376 2.624c.963 0 2.359-.359 3.176-1.219l1.568 1.803c-1.416 1.479-3.536 1.901-4.984 1.901c-3.521 0-6.265-2.543-6.265-6.147c0-3.375 2.525-6.156 6.093-6.156c3.448 0 6 2.64 6 6.136v1.02h-8.964zm-8.651 5.104v-7.589c0-1.296-.579-2.047-1.787-2.047c-1.083 0-1.801.781-2.287 1.344v8.317H7.176v-7.599c0-1.303-.552-2.041-1.756-2.041c-1.083 0-1.833.781-2.291 1.344v8.317H-.002V10.01h3.136v1.531c.531-.615 1.733-1.677 3.609-1.677c1.667 0 2.796.699 3.301 2.12c.703-1.015 2-2.12 3.88-2.12c2.271 0 3.589 1.344 3.589 3.948v8.324h-3.136l.005-.011z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M26.047 12.197c-1.828 0-2.844 1.355-3.057 2.824h6.147c-.167-1.401-1.157-2.819-3.089-2.819zm-3.011 4.83c.313 1.541 1.589 2.624 3.376 2.624c.963 0 2.359-.359 3.176-1.219l1.568 1.803c-1.416 1.479-3.536 1.901-4.984 1.901c-3.521 0-6.265-2.543-6.265-6.147c0-3.375 2.525-6.156 6.093-6.156c3.448 0 6 2.64 6 6.136v1.02h-8.964zm-8.651 5.104v-7.589c0-1.296-.579-2.047-1.787-2.047c-1.083 0-1.801.781-2.287 1.344v8.317H7.176v-7.599c0-1.303-.552-2.041-1.756-2.041c-1.083 0-1.833.781-2.291 1.344v8.317H-.002V10.01h3.136v1.531c.531-.615 1.733-1.677 3.609-1.677c1.667 0 2.796.699 3.301 2.12c.703-1.015 2-2.12 3.88-2.12c2.271 0 3.589 1.344 3.589 3.948v8.324h-3.136l.005-.011z"/></svg> </template>
CSS
.icon-about-me {
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%22M26.047%2012.197c-1.828%200-2.844%201.355-3.057%202.824h6.147c-.167-1.401-1.157-2.819-3.089-2.819zm-3.011%204.83c.313%201.541%201.589%202.624%203.376%202.624c.963%200%202.359-.359%203.176-1.219l1.568%201.803c-1.416%201.479-3.536%201.901-4.984%201.901c-3.521%200-6.265-2.543-6.265-6.147c0-3.375%202.525-6.156%206.093-6.156c3.448%200%206%202.64%206%206.136v1.02h-8.964zm-8.651%205.104v-7.589c0-1.296-.579-2.047-1.787-2.047c-1.083%200-1.801.781-2.287%201.344v8.317H7.176v-7.599c0-1.303-.552-2.041-1.756-2.041c-1.083%200-1.833.781-2.291%201.344v8.317H-.002V10.01h3.136v1.531c.531-.615%201.733-1.677%203.609-1.677c1.667%200%202.796.699%203.301%202.12c.703-1.015%202-2.12%203.88-2.12c2.271%200%203.589%201.344%203.589%203.948v8.324h-3.136l.005-.011z%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%22M26.047%2012.197c-1.828%200-2.844%201.355-3.057%202.824h6.147c-.167-1.401-1.157-2.819-3.089-2.819zm-3.011%204.83c.313%201.541%201.589%202.624%203.376%202.624c.963%200%202.359-.359%203.176-1.219l1.568%201.803c-1.416%201.479-3.536%201.901-4.984%201.901c-3.521%200-6.265-2.543-6.265-6.147c0-3.375%202.525-6.156%206.093-6.156c3.448%200%206%202.64%206%206.136v1.02h-8.964zm-8.651%205.104v-7.589c0-1.296-.579-2.047-1.787-2.047c-1.083%200-1.801.781-2.287%201.344v8.317H7.176v-7.599c0-1.303-.552-2.041-1.756-2.041c-1.083%200-1.833.781-2.291%201.344v8.317H-.002V10.01h3.136v1.531c.531-.615%201.733-1.677%203.609-1.677c1.667%200%202.796.699%203.301%202.12c.703-1.015%202-2.12%203.88-2.12c2.271%200%203.589%201.344%203.589%203.948v8.324h-3.136l.005-.011z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/about-me.svg?color=%231a73e8&size=48
