jetpackcompose logo
jetpackcompose from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- jetpackcompose
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the jetpackcompose logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.135.003a2.6 2.6 0 0 0-1.42.344L2.55 5.06a2.6 2.6 0 0 0-.953.967l3.957 2.17a1.8 1.8 0 0 1 .603-.588l4.951-2.86a1.76 1.76 0 0 1 1.76 0l4.951 2.86a1.8 1.8 0 0 1 .526.46l3.921-2.265a2.6 2.6 0 0 0-.816-.744L13.291.347a2.6 2.6 0 0 0-1.152-.34Zm-.145 4.912a1.36 1.36 0 0 0-.68.182L6.36 7.953a1.35 1.35 0 0 0-.454.435l1.92 1.055a1.1 1.1 0 0 1 .31-.275l3.34-1.928a1.05 1.05 0 0 1 1.051 0l3.336 1.928a1 1 0 0 1 .238.199l.018-.01l-.002-.002l1.877-1.08a1.4 1.4 0 0 0-.373-.322l-4.95-2.86a1.36 1.36 0 0 0-.68-.178Zm10.432 1.149l-3.92 2.26a1.76 1.76 0 0 1 .2.812v5.715c0 .627-.332 1.21-.88 1.528l-4.95 2.86a1.8 1.8 0 0 1-.64.214v4.524a2.6 2.6 0 0 0 1.059-.313l8.162-4.713a2.58 2.58 0 0 0 1.289-2.23V7.297a2.6 2.6 0 0 0-.318-1.228Zm-20.937.238a2.6 2.6 0 0 0-.227.99v9.43c0 .918.491 1.767 1.293 2.229l8.162 4.713a2.6 2.6 0 0 0 1.225.336v-4.531a1.76 1.76 0 0 1-.833-.235L6.156 16.38a1.77 1.77 0 0 1-.877-1.528V9.136a1.8 1.8 0 0 1 .131-.676Zm16.67 2.223l-1.89 1.092a1.06 1.06 0 0 1 .124.46v3.856c0 .378-.2.72-.526.907l-3.336 1.93a1 1 0 0 1-.295.107v2.17c.152-.027.304-.078.44-.157l4.949-2.859a1.36 1.36 0 0 0 .68-1.18V9.136a1.36 1.36 0 0 0-.147-.607Zm-12.387.13a1.4 1.4 0 0 0-.088.481v5.715a1.36 1.36 0 0 0 .68 1.18l4.95 2.86c.194.112.412.166.627.177v-2.174a1.05 1.05 0 0 1-.46-.123L8.14 14.843a1.05 1.05 0 0 1-.532-.908v-3.853a1 1 0 0 1 .077-.38l-.034-.013z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsJetpackcompose(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.135.003a2.6 2.6 0 0 0-1.42.344L2.55 5.06a2.6 2.6 0 0 0-.953.967l3.957 2.17a1.8 1.8 0 0 1 .603-.588l4.951-2.86a1.76 1.76 0 0 1 1.76 0l4.951 2.86a1.8 1.8 0 0 1 .526.46l3.921-2.265a2.6 2.6 0 0 0-.816-.744L13.291.347a2.6 2.6 0 0 0-1.152-.34Zm-.145 4.912a1.36 1.36 0 0 0-.68.182L6.36 7.953a1.35 1.35 0 0 0-.454.435l1.92 1.055a1.1 1.1 0 0 1 .31-.275l3.34-1.928a1.05 1.05 0 0 1 1.051 0l3.336 1.928a1 1 0 0 1 .238.199l.018-.01l-.002-.002l1.877-1.08a1.4 1.4 0 0 0-.373-.322l-4.95-2.86a1.36 1.36 0 0 0-.68-.178Zm10.432 1.149l-3.92 2.26a1.76 1.76 0 0 1 .2.812v5.715c0 .627-.332 1.21-.88 1.528l-4.95 2.86a1.8 1.8 0 0 1-.64.214v4.524a2.6 2.6 0 0 0 1.059-.313l8.162-4.713a2.58 2.58 0 0 0 1.289-2.23V7.297a2.6 2.6 0 0 0-.318-1.228Zm-20.937.238a2.6 2.6 0 0 0-.227.99v9.43c0 .918.491 1.767 1.293 2.229l8.162 4.713a2.6 2.6 0 0 0 1.225.336v-4.531a1.76 1.76 0 0 1-.833-.235L6.156 16.38a1.77 1.77 0 0 1-.877-1.528V9.136a1.8 1.8 0 0 1 .131-.676Zm16.67 2.223l-1.89 1.092a1.06 1.06 0 0 1 .124.46v3.856c0 .378-.2.72-.526.907l-3.336 1.93a1 1 0 0 1-.295.107v2.17c.152-.027.304-.078.44-.157l4.949-2.859a1.36 1.36 0 0 0 .68-1.18V9.136a1.36 1.36 0 0 0-.147-.607Zm-12.387.13a1.4 1.4 0 0 0-.088.481v5.715a1.36 1.36 0 0 0 .68 1.18l4.95 2.86c.194.112.412.166.627.177v-2.174a1.05 1.05 0 0 1-.46-.123L8.14 14.843a1.05 1.05 0 0 1-.532-.908v-3.853a1 1 0 0 1 .077-.38l-.034-.013z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.135.003a2.6 2.6 0 0 0-1.42.344L2.55 5.06a2.6 2.6 0 0 0-.953.967l3.957 2.17a1.8 1.8 0 0 1 .603-.588l4.951-2.86a1.76 1.76 0 0 1 1.76 0l4.951 2.86a1.8 1.8 0 0 1 .526.46l3.921-2.265a2.6 2.6 0 0 0-.816-.744L13.291.347a2.6 2.6 0 0 0-1.152-.34Zm-.145 4.912a1.36 1.36 0 0 0-.68.182L6.36 7.953a1.35 1.35 0 0 0-.454.435l1.92 1.055a1.1 1.1 0 0 1 .31-.275l3.34-1.928a1.05 1.05 0 0 1 1.051 0l3.336 1.928a1 1 0 0 1 .238.199l.018-.01l-.002-.002l1.877-1.08a1.4 1.4 0 0 0-.373-.322l-4.95-2.86a1.36 1.36 0 0 0-.68-.178Zm10.432 1.149l-3.92 2.26a1.76 1.76 0 0 1 .2.812v5.715c0 .627-.332 1.21-.88 1.528l-4.95 2.86a1.8 1.8 0 0 1-.64.214v4.524a2.6 2.6 0 0 0 1.059-.313l8.162-4.713a2.58 2.58 0 0 0 1.289-2.23V7.297a2.6 2.6 0 0 0-.318-1.228Zm-20.937.238a2.6 2.6 0 0 0-.227.99v9.43c0 .918.491 1.767 1.293 2.229l8.162 4.713a2.6 2.6 0 0 0 1.225.336v-4.531a1.76 1.76 0 0 1-.833-.235L6.156 16.38a1.77 1.77 0 0 1-.877-1.528V9.136a1.8 1.8 0 0 1 .131-.676Zm16.67 2.223l-1.89 1.092a1.06 1.06 0 0 1 .124.46v3.856c0 .378-.2.72-.526.907l-3.336 1.93a1 1 0 0 1-.295.107v2.17c.152-.027.304-.078.44-.157l4.949-2.859a1.36 1.36 0 0 0 .68-1.18V9.136a1.36 1.36 0 0 0-.147-.607Zm-12.387.13a1.4 1.4 0 0 0-.088.481v5.715a1.36 1.36 0 0 0 .68 1.18l4.95 2.86c.194.112.412.166.627.177v-2.174a1.05 1.05 0 0 1-.46-.123L8.14 14.843a1.05 1.05 0 0 1-.532-.908v-3.853a1 1 0 0 1 .077-.38l-.034-.013z"/></svg> </template>
CSS
.icon-jetpackcompose {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.135.003a2.6%202.6%200%200%200-1.42.344L2.55%205.06a2.6%202.6%200%200%200-.953.967l3.957%202.17a1.8%201.8%200%200%201%20.603-.588l4.951-2.86a1.76%201.76%200%200%201%201.76%200l4.951%202.86a1.8%201.8%200%200%201%20.526.46l3.921-2.265a2.6%202.6%200%200%200-.816-.744L13.291.347a2.6%202.6%200%200%200-1.152-.34Zm-.145%204.912a1.36%201.36%200%200%200-.68.182L6.36%207.953a1.35%201.35%200%200%200-.454.435l1.92%201.055a1.1%201.1%200%200%201%20.31-.275l3.34-1.928a1.05%201.05%200%200%201%201.051%200l3.336%201.928a1%201%200%200%201%20.238.199l.018-.01l-.002-.002l1.877-1.08a1.4%201.4%200%200%200-.373-.322l-4.95-2.86a1.36%201.36%200%200%200-.68-.178Zm10.432%201.149l-3.92%202.26a1.76%201.76%200%200%201%20.2.812v5.715c0%20.627-.332%201.21-.88%201.528l-4.95%202.86a1.8%201.8%200%200%201-.64.214v4.524a2.6%202.6%200%200%200%201.059-.313l8.162-4.713a2.58%202.58%200%200%200%201.289-2.23V7.297a2.6%202.6%200%200%200-.318-1.228Zm-20.937.238a2.6%202.6%200%200%200-.227.99v9.43c0%20.918.491%201.767%201.293%202.229l8.162%204.713a2.6%202.6%200%200%200%201.225.336v-4.531a1.76%201.76%200%200%201-.833-.235L6.156%2016.38a1.77%201.77%200%200%201-.877-1.528V9.136a1.8%201.8%200%200%201%20.131-.676Zm16.67%202.223l-1.89%201.092a1.06%201.06%200%200%201%20.124.46v3.856c0%20.378-.2.72-.526.907l-3.336%201.93a1%201%200%200%201-.295.107v2.17c.152-.027.304-.078.44-.157l4.949-2.859a1.36%201.36%200%200%200%20.68-1.18V9.136a1.36%201.36%200%200%200-.147-.607Zm-12.387.13a1.4%201.4%200%200%200-.088.481v5.715a1.36%201.36%200%200%200%20.68%201.18l4.95%202.86c.194.112.412.166.627.177v-2.174a1.05%201.05%200%200%201-.46-.123L8.14%2014.843a1.05%201.05%200%200%201-.532-.908v-3.853a1%201%200%200%201%20.077-.38l-.034-.013z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.135.003a2.6%202.6%200%200%200-1.42.344L2.55%205.06a2.6%202.6%200%200%200-.953.967l3.957%202.17a1.8%201.8%200%200%201%20.603-.588l4.951-2.86a1.76%201.76%200%200%201%201.76%200l4.951%202.86a1.8%201.8%200%200%201%20.526.46l3.921-2.265a2.6%202.6%200%200%200-.816-.744L13.291.347a2.6%202.6%200%200%200-1.152-.34Zm-.145%204.912a1.36%201.36%200%200%200-.68.182L6.36%207.953a1.35%201.35%200%200%200-.454.435l1.92%201.055a1.1%201.1%200%200%201%20.31-.275l3.34-1.928a1.05%201.05%200%200%201%201.051%200l3.336%201.928a1%201%200%200%201%20.238.199l.018-.01l-.002-.002l1.877-1.08a1.4%201.4%200%200%200-.373-.322l-4.95-2.86a1.36%201.36%200%200%200-.68-.178Zm10.432%201.149l-3.92%202.26a1.76%201.76%200%200%201%20.2.812v5.715c0%20.627-.332%201.21-.88%201.528l-4.95%202.86a1.8%201.8%200%200%201-.64.214v4.524a2.6%202.6%200%200%200%201.059-.313l8.162-4.713a2.58%202.58%200%200%200%201.289-2.23V7.297a2.6%202.6%200%200%200-.318-1.228Zm-20.937.238a2.6%202.6%200%200%200-.227.99v9.43c0%20.918.491%201.767%201.293%202.229l8.162%204.713a2.6%202.6%200%200%200%201.225.336v-4.531a1.76%201.76%200%200%201-.833-.235L6.156%2016.38a1.77%201.77%200%200%201-.877-1.528V9.136a1.8%201.8%200%200%201%20.131-.676Zm16.67%202.223l-1.89%201.092a1.06%201.06%200%200%201%20.124.46v3.856c0%20.378-.2.72-.526.907l-3.336%201.93a1%201%200%200%201-.295.107v2.17c.152-.027.304-.078.44-.157l4.949-2.859a1.36%201.36%200%200%200%20.68-1.18V9.136a1.36%201.36%200%200%200-.147-.607Zm-12.387.13a1.4%201.4%200%200%200-.088.481v5.715a1.36%201.36%200%200%200%20.68%201.18l4.95%202.86c.194.112.412.166.627.177v-2.174a1.05%201.05%200%200%201-.46-.123L8.14%2014.843a1.05%201.05%200%200%201-.532-.908v-3.853a1%201%200%200%201%20.077-.38l-.034-.013z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/jetpackcompose.svg?color=%231a73e8&size=48
