appcode logo

appcode from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
appcode
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

Use the appcode logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGt2JeocQW" x1="0%" x2="100%" y1="50%" y2="50%"><stop offset="19%" stop-color="#07c3f2"/><stop offset="90%" stop-color="#087cfa"/></linearGradient><linearGradient id="SVGN4BeKRmQ" x1="65.642%" x2="16.245%" y1="103.177%" y2="34.031%"><stop offset="9%" stop-color="#21d789"/><stop offset="48%" stop-color="#07c3f2"/><stop offset="90%" stop-color="#087cfa"/></linearGradient></defs><path fill="#087cfa" d="M195.627 256L256 96.373l-48-10.88z"/><path fill="url(#SVGt2JeocQW)" d="M255.253 205.333L195.627 256l-85.094-21.92z"/><path fill="url(#SVGt2JeocQW)" d="m31.867 117.28l-27.2-77.813L140.48 0z"/><path fill="url(#SVGN4BeKRmQ)" d="m223.36 148.213l-38.107-65.04l.72-.453L140.48 0L0 151.707V256l255.253-50.667z"/><path d="M48 48h160v160H48z"/><path fill="#fff" d="M67.947 177.76h60v10h-60zm112.24-101.573l-8.48 9.786a22.3 22.3 0 0 0-15.467-6.826c-10.073 0-17.383 8.266-17.544 18.481l-.003.532c0 10.373 7.174 19.013 17.547 19.013c6.436 0 10.556-2.315 15.015-6.212l.655-.582l.33-.299l8.373 8.587a31.01 31.01 0 0 1-24.8 10.666a30.533 30.533 0 0 1-31.044-30.517l.004-.656a30.747 30.747 0 0 1 31.547-31.28a31.28 31.28 0 0 1 23.867 9.307M101.333 68l25.547 60.08h-13.707l-5.333-13.333H82.507l-5.334 13.333H63.84L89.333 68zm-6.186 15.76l-8 19.36h16z"/></svg>

React

import type { SVGProps } from "react";

export function LogosAppcode(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGt2JeocQW" x1="0%" x2="100%" y1="50%" y2="50%"><stop offset="19%" stopColor="#07c3f2"/><stop offset="90%" stopColor="#087cfa"/></linearGradient><linearGradient id="SVGN4BeKRmQ" x1="65.642%" x2="16.245%" y1="103.177%" y2="34.031%"><stop offset="9%" stopColor="#21d789"/><stop offset="48%" stopColor="#07c3f2"/><stop offset="90%" stopColor="#087cfa"/></linearGradient></defs><path fill="#087cfa" d="M195.627 256L256 96.373l-48-10.88z"/><path fill="url(#SVGt2JeocQW)" d="M255.253 205.333L195.627 256l-85.094-21.92z"/><path fill="url(#SVGt2JeocQW)" d="m31.867 117.28l-27.2-77.813L140.48 0z"/><path fill="url(#SVGN4BeKRmQ)" d="m223.36 148.213l-38.107-65.04l.72-.453L140.48 0L0 151.707V256l255.253-50.667z"/><path d="M48 48h160v160H48z"/><path fill="#fff" d="M67.947 177.76h60v10h-60zm112.24-101.573l-8.48 9.786a22.3 22.3 0 0 0-15.467-6.826c-10.073 0-17.383 8.266-17.544 18.481l-.003.532c0 10.373 7.174 19.013 17.547 19.013c6.436 0 10.556-2.315 15.015-6.212l.655-.582l.33-.299l8.373 8.587a31.01 31.01 0 0 1-24.8 10.666a30.533 30.533 0 0 1-31.044-30.517l.004-.656a30.747 30.747 0 0 1 31.547-31.28a31.28 31.28 0 0 1 23.867 9.307M101.333 68l25.547 60.08h-13.707l-5.333-13.333H82.507l-5.334 13.333H63.84L89.333 68zm-6.186 15.76l-8 19.36h16z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGt2JeocQW" x1="0%" x2="100%" y1="50%" y2="50%"><stop offset="19%" stop-color="#07c3f2"/><stop offset="90%" stop-color="#087cfa"/></linearGradient><linearGradient id="SVGN4BeKRmQ" x1="65.642%" x2="16.245%" y1="103.177%" y2="34.031%"><stop offset="9%" stop-color="#21d789"/><stop offset="48%" stop-color="#07c3f2"/><stop offset="90%" stop-color="#087cfa"/></linearGradient></defs><path fill="#087cfa" d="M195.627 256L256 96.373l-48-10.88z"/><path fill="url(#SVGt2JeocQW)" d="M255.253 205.333L195.627 256l-85.094-21.92z"/><path fill="url(#SVGt2JeocQW)" d="m31.867 117.28l-27.2-77.813L140.48 0z"/><path fill="url(#SVGN4BeKRmQ)" d="m223.36 148.213l-38.107-65.04l.72-.453L140.48 0L0 151.707V256l255.253-50.667z"/><path d="M48 48h160v160H48z"/><path fill="#fff" d="M67.947 177.76h60v10h-60zm112.24-101.573l-8.48 9.786a22.3 22.3 0 0 0-15.467-6.826c-10.073 0-17.383 8.266-17.544 18.481l-.003.532c0 10.373 7.174 19.013 17.547 19.013c6.436 0 10.556-2.315 15.015-6.212l.655-.582l.33-.299l8.373 8.587a31.01 31.01 0 0 1-24.8 10.666a30.533 30.533 0 0 1-31.044-30.517l.004-.656a30.747 30.747 0 0 1 31.547-31.28a31.28 31.28 0 0 1 23.867 9.307M101.333 68l25.547 60.08h-13.707l-5.333-13.333H82.507l-5.334 13.333H63.84L89.333 68zm-6.186 15.76l-8 19.36h16z"/></svg>
</template>

CSS

.icon-appcode {
  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%20256%20256%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGt2JeocQW%22%20x1%3D%220%25%22%20x2%3D%22100%25%22%20y1%3D%2250%25%22%20y2%3D%2250%25%22%3E%3Cstop%20offset%3D%2219%25%22%20stop-color%3D%22%2307c3f2%22%2F%3E%3Cstop%20offset%3D%2290%25%22%20stop-color%3D%22%23087cfa%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGN4BeKRmQ%22%20x1%3D%2265.642%25%22%20x2%3D%2216.245%25%22%20y1%3D%22103.177%25%22%20y2%3D%2234.031%25%22%3E%3Cstop%20offset%3D%229%25%22%20stop-color%3D%22%2321d789%22%2F%3E%3Cstop%20offset%3D%2248%25%22%20stop-color%3D%22%2307c3f2%22%2F%3E%3Cstop%20offset%3D%2290%25%22%20stop-color%3D%22%23087cfa%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23087cfa%22%20d%3D%22M195.627%20256L256%2096.373l-48-10.88z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGt2JeocQW)%22%20d%3D%22M255.253%20205.333L195.627%20256l-85.094-21.92z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGt2JeocQW)%22%20d%3D%22m31.867%20117.28l-27.2-77.813L140.48%200z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGN4BeKRmQ)%22%20d%3D%22m223.36%20148.213l-38.107-65.04l.72-.453L140.48%200L0%20151.707V256l255.253-50.667z%22%2F%3E%3Cpath%20d%3D%22M48%2048h160v160H48z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M67.947%20177.76h60v10h-60zm112.24-101.573l-8.48%209.786a22.3%2022.3%200%200%200-15.467-6.826c-10.073%200-17.383%208.266-17.544%2018.481l-.003.532c0%2010.373%207.174%2019.013%2017.547%2019.013c6.436%200%2010.556-2.315%2015.015-6.212l.655-.582l.33-.299l8.373%208.587a31.01%2031.01%200%200%201-24.8%2010.666a30.533%2030.533%200%200%201-31.044-30.517l.004-.656a30.747%2030.747%200%200%201%2031.547-31.28a31.28%2031.28%200%200%201%2023.867%209.307M101.333%2068l25.547%2060.08h-13.707l-5.333-13.333H82.507l-5.334%2013.333H63.84L89.333%2068zm-6.186%2015.76l-8%2019.36h16z%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%20256%20256%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGt2JeocQW%22%20x1%3D%220%25%22%20x2%3D%22100%25%22%20y1%3D%2250%25%22%20y2%3D%2250%25%22%3E%3Cstop%20offset%3D%2219%25%22%20stop-color%3D%22%2307c3f2%22%2F%3E%3Cstop%20offset%3D%2290%25%22%20stop-color%3D%22%23087cfa%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGN4BeKRmQ%22%20x1%3D%2265.642%25%22%20x2%3D%2216.245%25%22%20y1%3D%22103.177%25%22%20y2%3D%2234.031%25%22%3E%3Cstop%20offset%3D%229%25%22%20stop-color%3D%22%2321d789%22%2F%3E%3Cstop%20offset%3D%2248%25%22%20stop-color%3D%22%2307c3f2%22%2F%3E%3Cstop%20offset%3D%2290%25%22%20stop-color%3D%22%23087cfa%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23087cfa%22%20d%3D%22M195.627%20256L256%2096.373l-48-10.88z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGt2JeocQW)%22%20d%3D%22M255.253%20205.333L195.627%20256l-85.094-21.92z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGt2JeocQW)%22%20d%3D%22m31.867%20117.28l-27.2-77.813L140.48%200z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGN4BeKRmQ)%22%20d%3D%22m223.36%20148.213l-38.107-65.04l.72-.453L140.48%200L0%20151.707V256l255.253-50.667z%22%2F%3E%3Cpath%20d%3D%22M48%2048h160v160H48z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M67.947%20177.76h60v10h-60zm112.24-101.573l-8.48%209.786a22.3%2022.3%200%200%200-15.467-6.826c-10.073%200-17.383%208.266-17.544%2018.481l-.003.532c0%2010.373%207.174%2019.013%2017.547%2019.013c6.436%200%2010.556-2.315%2015.015-6.212l.655-.582l.33-.299l8.373%208.587a31.01%2031.01%200%200%201-24.8%2010.666a30.533%2030.533%200%200%201-31.044-30.517l.004-.656a30.747%2030.747%200%200%201%2031.547-31.28a31.28%2031.28%200%200%201%2023.867%209.307M101.333%2068l25.547%2060.08h-13.707l-5.333-13.333H82.507l-5.334%2013.333H63.84L89.333%2068zm-6.186%2015.76l-8%2019.36h16z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/appcode.svg?color=%231a73e8&size=48