adafruit logo

adafruit from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
adafruit
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the adafruit logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.399 12.794c-.924.148-1.722-.037-1.781-.412c-.06-.375.64-.798 1.565-.945s1.721.038 1.78.412c.06.374-.64.798-1.564.945m-.878 3.86c-.338.172-.957-.363-1.382-1.196c-.426-.834-.497-1.65-.158-1.822s.956.363 1.382 1.196s.497 1.65.158 1.822m-3.64-1.552c-.662.662-1.415.981-1.683.713c-.27-.268.05-1.022.71-1.684c.66-.663 1.414-.982 1.683-.714s-.05 1.023-.71 1.685m-2.531-4.61c.171-.339.987-.268 1.82.156s1.372 1.042 1.2 1.38s-.988.269-1.822-.155s-1.37-1.043-1.198-1.381m4.8-2.45c.375.058.56.856.414 1.78c-.145.925-.566 1.625-.942 1.567c-.374-.06-.56-.857-.415-1.78c.145-.925.567-1.626.943-1.568m11.835 2.53c-.078-.491-.345-.632-.989-.837l-3.762-1.2s-2.283-.863-3.974.357c-.228.164-.464.351-.7.55c.198-.236.385-.472.55-.7c1.215-1.694.349-3.975.349-3.975l-1.207-3.761c-.207-.643-.347-.91-.84-.986c-.492-.078-.707.132-1.101.68l-2.305 3.209s-1.524 1.903-.888 3.89c.086.266.191.549.308.836a12 12 0 0 0-.497-.74C7.693 6.215 5.258 6.332 5.258 6.332S1.82 6.32 1.308 6.32c-.676-.003-.972.05-1.198.493s-.093.714.307 1.258c.303.415 2.34 3.183 2.34 3.183S4.095 13.292 6.18 13.3c.28.001.58-.012.889-.034a12 12 0 0 0-.855.244c-1.98.656-2.619 3.01-2.619 3.01L2.36 20.273c-.21.64-.252.939.1 1.29c.352.353.65.31 1.291.098c.489-.16 3.75-1.242 3.75-1.242s2.352-.644 3.004-2.624c.088-.266.169-.556.243-.854a11 11 0 0 0-.03.887c.01 2.085 2.051 3.421 2.051 3.421l3.186 2.333c.546.398.816.531 1.26.305c.443-.226.495-.523.491-1.199l-.022-3.95s.114-2.435-1.567-3.668a12 12 0 0 0-.739-.495c.287.115.568.22.836.304c1.986.633 3.888-.894 3.888-.894l3.204-2.31c.547-.395.756-.612.679-1.104"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsAdafruit(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="M14.399 12.794c-.924.148-1.722-.037-1.781-.412c-.06-.375.64-.798 1.565-.945s1.721.038 1.78.412c.06.374-.64.798-1.564.945m-.878 3.86c-.338.172-.957-.363-1.382-1.196c-.426-.834-.497-1.65-.158-1.822s.956.363 1.382 1.196s.497 1.65.158 1.822m-3.64-1.552c-.662.662-1.415.981-1.683.713c-.27-.268.05-1.022.71-1.684c.66-.663 1.414-.982 1.683-.714s-.05 1.023-.71 1.685m-2.531-4.61c.171-.339.987-.268 1.82.156s1.372 1.042 1.2 1.38s-.988.269-1.822-.155s-1.37-1.043-1.198-1.381m4.8-2.45c.375.058.56.856.414 1.78c-.145.925-.566 1.625-.942 1.567c-.374-.06-.56-.857-.415-1.78c.145-.925.567-1.626.943-1.568m11.835 2.53c-.078-.491-.345-.632-.989-.837l-3.762-1.2s-2.283-.863-3.974.357c-.228.164-.464.351-.7.55c.198-.236.385-.472.55-.7c1.215-1.694.349-3.975.349-3.975l-1.207-3.761c-.207-.643-.347-.91-.84-.986c-.492-.078-.707.132-1.101.68l-2.305 3.209s-1.524 1.903-.888 3.89c.086.266.191.549.308.836a12 12 0 0 0-.497-.74C7.693 6.215 5.258 6.332 5.258 6.332S1.82 6.32 1.308 6.32c-.676-.003-.972.05-1.198.493s-.093.714.307 1.258c.303.415 2.34 3.183 2.34 3.183S4.095 13.292 6.18 13.3c.28.001.58-.012.889-.034a12 12 0 0 0-.855.244c-1.98.656-2.619 3.01-2.619 3.01L2.36 20.273c-.21.64-.252.939.1 1.29c.352.353.65.31 1.291.098c.489-.16 3.75-1.242 3.75-1.242s2.352-.644 3.004-2.624c.088-.266.169-.556.243-.854a11 11 0 0 0-.03.887c.01 2.085 2.051 3.421 2.051 3.421l3.186 2.333c.546.398.816.531 1.26.305c.443-.226.495-.523.491-1.199l-.022-3.95s.114-2.435-1.567-3.668a12 12 0 0 0-.739-.495c.287.115.568.22.836.304c1.986.633 3.888-.894 3.888-.894l3.204-2.31c.547-.395.756-.612.679-1.104"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.399 12.794c-.924.148-1.722-.037-1.781-.412c-.06-.375.64-.798 1.565-.945s1.721.038 1.78.412c.06.374-.64.798-1.564.945m-.878 3.86c-.338.172-.957-.363-1.382-1.196c-.426-.834-.497-1.65-.158-1.822s.956.363 1.382 1.196s.497 1.65.158 1.822m-3.64-1.552c-.662.662-1.415.981-1.683.713c-.27-.268.05-1.022.71-1.684c.66-.663 1.414-.982 1.683-.714s-.05 1.023-.71 1.685m-2.531-4.61c.171-.339.987-.268 1.82.156s1.372 1.042 1.2 1.38s-.988.269-1.822-.155s-1.37-1.043-1.198-1.381m4.8-2.45c.375.058.56.856.414 1.78c-.145.925-.566 1.625-.942 1.567c-.374-.06-.56-.857-.415-1.78c.145-.925.567-1.626.943-1.568m11.835 2.53c-.078-.491-.345-.632-.989-.837l-3.762-1.2s-2.283-.863-3.974.357c-.228.164-.464.351-.7.55c.198-.236.385-.472.55-.7c1.215-1.694.349-3.975.349-3.975l-1.207-3.761c-.207-.643-.347-.91-.84-.986c-.492-.078-.707.132-1.101.68l-2.305 3.209s-1.524 1.903-.888 3.89c.086.266.191.549.308.836a12 12 0 0 0-.497-.74C7.693 6.215 5.258 6.332 5.258 6.332S1.82 6.32 1.308 6.32c-.676-.003-.972.05-1.198.493s-.093.714.307 1.258c.303.415 2.34 3.183 2.34 3.183S4.095 13.292 6.18 13.3c.28.001.58-.012.889-.034a12 12 0 0 0-.855.244c-1.98.656-2.619 3.01-2.619 3.01L2.36 20.273c-.21.64-.252.939.1 1.29c.352.353.65.31 1.291.098c.489-.16 3.75-1.242 3.75-1.242s2.352-.644 3.004-2.624c.088-.266.169-.556.243-.854a11 11 0 0 0-.03.887c.01 2.085 2.051 3.421 2.051 3.421l3.186 2.333c.546.398.816.531 1.26.305c.443-.226.495-.523.491-1.199l-.022-3.95s.114-2.435-1.567-3.668a12 12 0 0 0-.739-.495c.287.115.568.22.836.304c1.986.633 3.888-.894 3.888-.894l3.204-2.31c.547-.395.756-.612.679-1.104"/></svg>
</template>

CSS

.icon-adafruit {
  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%22M14.399%2012.794c-.924.148-1.722-.037-1.781-.412c-.06-.375.64-.798%201.565-.945s1.721.038%201.78.412c.06.374-.64.798-1.564.945m-.878%203.86c-.338.172-.957-.363-1.382-1.196c-.426-.834-.497-1.65-.158-1.822s.956.363%201.382%201.196s.497%201.65.158%201.822m-3.64-1.552c-.662.662-1.415.981-1.683.713c-.27-.268.05-1.022.71-1.684c.66-.663%201.414-.982%201.683-.714s-.05%201.023-.71%201.685m-2.531-4.61c.171-.339.987-.268%201.82.156s1.372%201.042%201.2%201.38s-.988.269-1.822-.155s-1.37-1.043-1.198-1.381m4.8-2.45c.375.058.56.856.414%201.78c-.145.925-.566%201.625-.942%201.567c-.374-.06-.56-.857-.415-1.78c.145-.925.567-1.626.943-1.568m11.835%202.53c-.078-.491-.345-.632-.989-.837l-3.762-1.2s-2.283-.863-3.974.357c-.228.164-.464.351-.7.55c.198-.236.385-.472.55-.7c1.215-1.694.349-3.975.349-3.975l-1.207-3.761c-.207-.643-.347-.91-.84-.986c-.492-.078-.707.132-1.101.68l-2.305%203.209s-1.524%201.903-.888%203.89c.086.266.191.549.308.836a12%2012%200%200%200-.497-.74C7.693%206.215%205.258%206.332%205.258%206.332S1.82%206.32%201.308%206.32c-.676-.003-.972.05-1.198.493s-.093.714.307%201.258c.303.415%202.34%203.183%202.34%203.183S4.095%2013.292%206.18%2013.3c.28.001.58-.012.889-.034a12%2012%200%200%200-.855.244c-1.98.656-2.619%203.01-2.619%203.01L2.36%2020.273c-.21.64-.252.939.1%201.29c.352.353.65.31%201.291.098c.489-.16%203.75-1.242%203.75-1.242s2.352-.644%203.004-2.624c.088-.266.169-.556.243-.854a11%2011%200%200%200-.03.887c.01%202.085%202.051%203.421%202.051%203.421l3.186%202.333c.546.398.816.531%201.26.305c.443-.226.495-.523.491-1.199l-.022-3.95s.114-2.435-1.567-3.668a12%2012%200%200%200-.739-.495c.287.115.568.22.836.304c1.986.633%203.888-.894%203.888-.894l3.204-2.31c.547-.395.756-.612.679-1.104%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%22M14.399%2012.794c-.924.148-1.722-.037-1.781-.412c-.06-.375.64-.798%201.565-.945s1.721.038%201.78.412c.06.374-.64.798-1.564.945m-.878%203.86c-.338.172-.957-.363-1.382-1.196c-.426-.834-.497-1.65-.158-1.822s.956.363%201.382%201.196s.497%201.65.158%201.822m-3.64-1.552c-.662.662-1.415.981-1.683.713c-.27-.268.05-1.022.71-1.684c.66-.663%201.414-.982%201.683-.714s-.05%201.023-.71%201.685m-2.531-4.61c.171-.339.987-.268%201.82.156s1.372%201.042%201.2%201.38s-.988.269-1.822-.155s-1.37-1.043-1.198-1.381m4.8-2.45c.375.058.56.856.414%201.78c-.145.925-.566%201.625-.942%201.567c-.374-.06-.56-.857-.415-1.78c.145-.925.567-1.626.943-1.568m11.835%202.53c-.078-.491-.345-.632-.989-.837l-3.762-1.2s-2.283-.863-3.974.357c-.228.164-.464.351-.7.55c.198-.236.385-.472.55-.7c1.215-1.694.349-3.975.349-3.975l-1.207-3.761c-.207-.643-.347-.91-.84-.986c-.492-.078-.707.132-1.101.68l-2.305%203.209s-1.524%201.903-.888%203.89c.086.266.191.549.308.836a12%2012%200%200%200-.497-.74C7.693%206.215%205.258%206.332%205.258%206.332S1.82%206.32%201.308%206.32c-.676-.003-.972.05-1.198.493s-.093.714.307%201.258c.303.415%202.34%203.183%202.34%203.183S4.095%2013.292%206.18%2013.3c.28.001.58-.012.889-.034a12%2012%200%200%200-.855.244c-1.98.656-2.619%203.01-2.619%203.01L2.36%2020.273c-.21.64-.252.939.1%201.29c.352.353.65.31%201.291.098c.489-.16%203.75-1.242%203.75-1.242s2.352-.644%203.004-2.624c.088-.266.169-.556.243-.854a11%2011%200%200%200-.03.887c.01%202.085%202.051%203.421%202.051%203.421l3.186%202.333c.546.398.816.531%201.26.305c.443-.226.495-.523.491-1.199l-.022-3.95s.114-2.435-1.567-3.668a12%2012%200%200%200-.739-.495c.287.115.568.22.836.304c1.986.633%203.888-.894%203.888-.894l3.204-2.31c.547-.395.756-.612.679-1.104%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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