packer logo

packer from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name
packer
Set
Devicon
Style
Original
Viewbox
128×128
License
MIT

1 other variant in Devicon

packer-wordmark

The same logo in other sets

packerSVG LogospackerSimple Icons

Use the packer logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#1daeff" d="M66.354 39.617V128l-41.482-23.963v-88.39Zm0 0"/><path fill="#1d94dd" d="M86.893 25.975L41.801 0v18.044L72.46 35.75v54.119l14.433 8.269c8.934 5.158 16.236 2.066 16.236-6.863V51.592c0-8.933-7.302-20.459-16.235-25.617zm0 0"/></svg>

React

import type { SVGProps } from "react";

export function DeviconPacker(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#1daeff" d="M66.354 39.617V128l-41.482-23.963v-88.39Zm0 0"/><path fill="#1d94dd" d="M86.893 25.975L41.801 0v18.044L72.46 35.75v54.119l14.433 8.269c8.934 5.158 16.236 2.066 16.236-6.863V51.592c0-8.933-7.302-20.459-16.235-25.617zm0 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#1daeff" d="M66.354 39.617V128l-41.482-23.963v-88.39Zm0 0"/><path fill="#1d94dd" d="M86.893 25.975L41.801 0v18.044L72.46 35.75v54.119l14.433 8.269c8.934 5.158 16.236 2.066 16.236-6.863V51.592c0-8.933-7.302-20.459-16.235-25.617zm0 0"/></svg>
</template>

CSS

.icon-packer {
  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%20128%20128%22%3E%3Cpath%20fill%3D%22%231daeff%22%20d%3D%22M66.354%2039.617V128l-41.482-23.963v-88.39Zm0%200%22%2F%3E%3Cpath%20fill%3D%22%231d94dd%22%20d%3D%22M86.893%2025.975L41.801%200v18.044L72.46%2035.75v54.119l14.433%208.269c8.934%205.158%2016.236%202.066%2016.236-6.863V51.592c0-8.933-7.302-20.459-16.235-25.617zm0%200%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%20128%20128%22%3E%3Cpath%20fill%3D%22%231daeff%22%20d%3D%22M66.354%2039.617V128l-41.482-23.963v-88.39Zm0%200%22%2F%3E%3Cpath%20fill%3D%22%231d94dd%22%20d%3D%22M86.893%2025.975L41.801%200v18.044L72.46%2035.75v54.119l14.433%208.269c8.934%205.158%2016.236%202.066%2016.236-6.863V51.592c0-8.933-7.302-20.459-16.235-25.617zm0%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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