carrd logo
carrd from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- carrd
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the carrd logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.254 18.42L9.746 23.948a.5.5 0 0 1-.23.053a.55.55 0 0 1-.284-.08a.53.53 0 0 1-.247-.45v-5.474l-6.217-2.602a.53.53 0 0 1-.327-.49V.531c0-.181.093-.354.248-.45A.54.54 0 0 1 3.202.05l11.964 5.743l5.632-2.703a.53.53 0 0 1 .513.03a.53.53 0 0 1 .248.452v14.37a.54.54 0 0 1-.305.479M3.503 1.378V14.55l5.482 2.297V14.2l-3.447-1.39a.537.537 0 0 1-.296-.69a.533.533 0 0 1 .69-.296l3.053 1.23V10.88L5.538 9.492a.537.537 0 0 1-.296-.69a.534.534 0 0 1 .69-.297l3.053 1.23v-.632c0-.204.115-.39.3-.478l.788-.38l-4.562-2.076a.534.534 0 0 1-.265-.703a.536.536 0 0 1 .704-.266l5.367 2.447L13.93 6.39zm16.99 3.04L10.047 9.435v13.193l10.446-5.022zm-8.45 6.867l5.985-2.894a.53.53 0 0 1 .708.248a.527.527 0 0 1-.247.708l-5.987 2.894a.55.55 0 0 1-.23.053a.53.53 0 0 1-.23-1.01m0 3.318l5.985-2.893a.53.53 0 0 1 .708.248a.527.527 0 0 1-.247.707l-5.987 2.894a.55.55 0 0 1-.23.053a.53.53 0 0 1-.23-1.009m0 3.314l5.985-2.893a.53.53 0 0 1 .708.247a.527.527 0 0 1-.247.708L12.5 18.872a.55.55 0 0 1-.23.053a.53.53 0 0 1-.23-1.009"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsCarrd(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="M21.254 18.42L9.746 23.948a.5.5 0 0 1-.23.053a.55.55 0 0 1-.284-.08a.53.53 0 0 1-.247-.45v-5.474l-6.217-2.602a.53.53 0 0 1-.327-.49V.531c0-.181.093-.354.248-.45A.54.54 0 0 1 3.202.05l11.964 5.743l5.632-2.703a.53.53 0 0 1 .513.03a.53.53 0 0 1 .248.452v14.37a.54.54 0 0 1-.305.479M3.503 1.378V14.55l5.482 2.297V14.2l-3.447-1.39a.537.537 0 0 1-.296-.69a.533.533 0 0 1 .69-.296l3.053 1.23V10.88L5.538 9.492a.537.537 0 0 1-.296-.69a.534.534 0 0 1 .69-.297l3.053 1.23v-.632c0-.204.115-.39.3-.478l.788-.38l-4.562-2.076a.534.534 0 0 1-.265-.703a.536.536 0 0 1 .704-.266l5.367 2.447L13.93 6.39zm16.99 3.04L10.047 9.435v13.193l10.446-5.022zm-8.45 6.867l5.985-2.894a.53.53 0 0 1 .708.248a.527.527 0 0 1-.247.708l-5.987 2.894a.55.55 0 0 1-.23.053a.53.53 0 0 1-.23-1.01m0 3.318l5.985-2.893a.53.53 0 0 1 .708.248a.527.527 0 0 1-.247.707l-5.987 2.894a.55.55 0 0 1-.23.053a.53.53 0 0 1-.23-1.009m0 3.314l5.985-2.893a.53.53 0 0 1 .708.247a.527.527 0 0 1-.247.708L12.5 18.872a.55.55 0 0 1-.23.053a.53.53 0 0 1-.23-1.009"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.254 18.42L9.746 23.948a.5.5 0 0 1-.23.053a.55.55 0 0 1-.284-.08a.53.53 0 0 1-.247-.45v-5.474l-6.217-2.602a.53.53 0 0 1-.327-.49V.531c0-.181.093-.354.248-.45A.54.54 0 0 1 3.202.05l11.964 5.743l5.632-2.703a.53.53 0 0 1 .513.03a.53.53 0 0 1 .248.452v14.37a.54.54 0 0 1-.305.479M3.503 1.378V14.55l5.482 2.297V14.2l-3.447-1.39a.537.537 0 0 1-.296-.69a.533.533 0 0 1 .69-.296l3.053 1.23V10.88L5.538 9.492a.537.537 0 0 1-.296-.69a.534.534 0 0 1 .69-.297l3.053 1.23v-.632c0-.204.115-.39.3-.478l.788-.38l-4.562-2.076a.534.534 0 0 1-.265-.703a.536.536 0 0 1 .704-.266l5.367 2.447L13.93 6.39zm16.99 3.04L10.047 9.435v13.193l10.446-5.022zm-8.45 6.867l5.985-2.894a.53.53 0 0 1 .708.248a.527.527 0 0 1-.247.708l-5.987 2.894a.55.55 0 0 1-.23.053a.53.53 0 0 1-.23-1.01m0 3.318l5.985-2.893a.53.53 0 0 1 .708.248a.527.527 0 0 1-.247.707l-5.987 2.894a.55.55 0 0 1-.23.053a.53.53 0 0 1-.23-1.009m0 3.314l5.985-2.893a.53.53 0 0 1 .708.247a.527.527 0 0 1-.247.708L12.5 18.872a.55.55 0 0 1-.23.053a.53.53 0 0 1-.23-1.009"/></svg> </template>
CSS
.icon-carrd {
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%22M21.254%2018.42L9.746%2023.948a.5.5%200%200%201-.23.053a.55.55%200%200%201-.284-.08a.53.53%200%200%201-.247-.45v-5.474l-6.217-2.602a.53.53%200%200%201-.327-.49V.531c0-.181.093-.354.248-.45A.54.54%200%200%201%203.202.05l11.964%205.743l5.632-2.703a.53.53%200%200%201%20.513.03a.53.53%200%200%201%20.248.452v14.37a.54.54%200%200%201-.305.479M3.503%201.378V14.55l5.482%202.297V14.2l-3.447-1.39a.537.537%200%200%201-.296-.69a.533.533%200%200%201%20.69-.296l3.053%201.23V10.88L5.538%209.492a.537.537%200%200%201-.296-.69a.534.534%200%200%201%20.69-.297l3.053%201.23v-.632c0-.204.115-.39.3-.478l.788-.38l-4.562-2.076a.534.534%200%200%201-.265-.703a.536.536%200%200%201%20.704-.266l5.367%202.447L13.93%206.39zm16.99%203.04L10.047%209.435v13.193l10.446-5.022zm-8.45%206.867l5.985-2.894a.53.53%200%200%201%20.708.248a.527.527%200%200%201-.247.708l-5.987%202.894a.55.55%200%200%201-.23.053a.53.53%200%200%201-.23-1.01m0%203.318l5.985-2.893a.53.53%200%200%201%20.708.248a.527.527%200%200%201-.247.707l-5.987%202.894a.55.55%200%200%201-.23.053a.53.53%200%200%201-.23-1.009m0%203.314l5.985-2.893a.53.53%200%200%201%20.708.247a.527.527%200%200%201-.247.708L12.5%2018.872a.55.55%200%200%201-.23.053a.53.53%200%200%201-.23-1.009%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%22M21.254%2018.42L9.746%2023.948a.5.5%200%200%201-.23.053a.55.55%200%200%201-.284-.08a.53.53%200%200%201-.247-.45v-5.474l-6.217-2.602a.53.53%200%200%201-.327-.49V.531c0-.181.093-.354.248-.45A.54.54%200%200%201%203.202.05l11.964%205.743l5.632-2.703a.53.53%200%200%201%20.513.03a.53.53%200%200%201%20.248.452v14.37a.54.54%200%200%201-.305.479M3.503%201.378V14.55l5.482%202.297V14.2l-3.447-1.39a.537.537%200%200%201-.296-.69a.533.533%200%200%201%20.69-.296l3.053%201.23V10.88L5.538%209.492a.537.537%200%200%201-.296-.69a.534.534%200%200%201%20.69-.297l3.053%201.23v-.632c0-.204.115-.39.3-.478l.788-.38l-4.562-2.076a.534.534%200%200%201-.265-.703a.536.536%200%200%201%20.704-.266l5.367%202.447L13.93%206.39zm16.99%203.04L10.047%209.435v13.193l10.446-5.022zm-8.45%206.867l5.985-2.894a.53.53%200%200%201%20.708.248a.527.527%200%200%201-.247.708l-5.987%202.894a.55.55%200%200%201-.23.053a.53.53%200%200%201-.23-1.01m0%203.318l5.985-2.893a.53.53%200%200%201%20.708.248a.527.527%200%200%201-.247.707l-5.987%202.894a.55.55%200%200%201-.23.053a.53.53%200%200%201-.23-1.009m0%203.314l5.985-2.893a.53.53%200%200%201%20.708.247a.527.527%200%200%201-.247.708L12.5%2018.872a.55.55%200%200%201-.23.053a.53.53%200%200%201-.23-1.009%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/carrd.svg?color=%231a73e8&size=48
