abstract logo
abstract from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- abstract
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the abstract logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 0c12.803 0 16 3.197 16 16s-3.197 16-16 16S0 28.803 0 16S3.197 0 16 0m-2.625 24.749c3.365.005 6.141-2.76 6.147-6.124c0-3.36-2.767-6.125-6.125-6.125c-3.365 0-6.131 2.765-6.131 6.125c0 3.353 2.756 6.12 6.109 6.124M24.5 24.5v-17h-17v2.995h13.995V24.5zm-11.125-8.995a3.117 3.117 0 0 1 3.12 3.125a3.12 3.12 0 0 1-3.125 3.119c-4.161 0-4.161-6.249.005-6.244"/></svg>
React
import type { SVGProps } from "react";
export function CibAbstract(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="M16 0c12.803 0 16 3.197 16 16s-3.197 16-16 16S0 28.803 0 16S3.197 0 16 0m-2.625 24.749c3.365.005 6.141-2.76 6.147-6.124c0-3.36-2.767-6.125-6.125-6.125c-3.365 0-6.131 2.765-6.131 6.125c0 3.353 2.756 6.12 6.109 6.124M24.5 24.5v-17h-17v2.995h13.995V24.5zm-11.125-8.995a3.117 3.117 0 0 1 3.12 3.125a3.12 3.12 0 0 1-3.125 3.119c-4.161 0-4.161-6.249.005-6.244"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 0c12.803 0 16 3.197 16 16s-3.197 16-16 16S0 28.803 0 16S3.197 0 16 0m-2.625 24.749c3.365.005 6.141-2.76 6.147-6.124c0-3.36-2.767-6.125-6.125-6.125c-3.365 0-6.131 2.765-6.131 6.125c0 3.353 2.756 6.12 6.109 6.124M24.5 24.5v-17h-17v2.995h13.995V24.5zm-11.125-8.995a3.117 3.117 0 0 1 3.12 3.125a3.12 3.12 0 0 1-3.125 3.119c-4.161 0-4.161-6.249.005-6.244"/></svg> </template>
CSS
.icon-abstract {
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%22M16%200c12.803%200%2016%203.197%2016%2016s-3.197%2016-16%2016S0%2028.803%200%2016S3.197%200%2016%200m-2.625%2024.749c3.365.005%206.141-2.76%206.147-6.124c0-3.36-2.767-6.125-6.125-6.125c-3.365%200-6.131%202.765-6.131%206.125c0%203.353%202.756%206.12%206.109%206.124M24.5%2024.5v-17h-17v2.995h13.995V24.5zm-11.125-8.995a3.117%203.117%200%200%201%203.12%203.125a3.12%203.12%200%200%201-3.125%203.119c-4.161%200-4.161-6.249.005-6.244%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%22M16%200c12.803%200%2016%203.197%2016%2016s-3.197%2016-16%2016S0%2028.803%200%2016S3.197%200%2016%200m-2.625%2024.749c3.365.005%206.141-2.76%206.147-6.124c0-3.36-2.767-6.125-6.125-6.125c-3.365%200-6.131%202.765-6.131%206.125c0%203.353%202.756%206.12%206.109%206.124M24.5%2024.5v-17h-17v2.995h13.995V24.5zm-11.125-8.995a3.117%203.117%200%200%201%203.12%203.125a3.12%203.12%200%200%201-3.125%203.119c-4.161%200-4.161-6.249.005-6.244%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/abstract.svg?color=%231a73e8&size=48
