sparkfun logo
sparkfun from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- sparkfun
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the sparkfun logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.307 5.476c-.756.134-1.975-.615-2.59-1.362c-.755-.922-.66-1.647-.071-2.29c.883-.978 2.396-.6 2.396-.6s-2.772-2.432-5.658-.44c-2.571 1.77-1.833 4.183.487 6.288c2.09 1.902.42 3.988-1.686 3.717c-1.443-.184-2.034-1.343-1.687-2.054c.298-.608 1.335-.982 1.335-.982s-1.19-.484-2.592.044c-1.259.474-2.297 1.515-2.214 4.12V24s1.301-1.604 2.83-3.236c1.714-1.84 2.495-3.084 4.254-2.938c3.328.205 5.735-1.273 7.371-3.645c3.141-4.563.67-9.68-1.43-10.343c0 0 .34 1.438-.745 1.638"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsSparkfun(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="M16.307 5.476c-.756.134-1.975-.615-2.59-1.362c-.755-.922-.66-1.647-.071-2.29c.883-.978 2.396-.6 2.396-.6s-2.772-2.432-5.658-.44c-2.571 1.77-1.833 4.183.487 6.288c2.09 1.902.42 3.988-1.686 3.717c-1.443-.184-2.034-1.343-1.687-2.054c.298-.608 1.335-.982 1.335-.982s-1.19-.484-2.592.044c-1.259.474-2.297 1.515-2.214 4.12V24s1.301-1.604 2.83-3.236c1.714-1.84 2.495-3.084 4.254-2.938c3.328.205 5.735-1.273 7.371-3.645c3.141-4.563.67-9.68-1.43-10.343c0 0 .34 1.438-.745 1.638"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.307 5.476c-.756.134-1.975-.615-2.59-1.362c-.755-.922-.66-1.647-.071-2.29c.883-.978 2.396-.6 2.396-.6s-2.772-2.432-5.658-.44c-2.571 1.77-1.833 4.183.487 6.288c2.09 1.902.42 3.988-1.686 3.717c-1.443-.184-2.034-1.343-1.687-2.054c.298-.608 1.335-.982 1.335-.982s-1.19-.484-2.592.044c-1.259.474-2.297 1.515-2.214 4.12V24s1.301-1.604 2.83-3.236c1.714-1.84 2.495-3.084 4.254-2.938c3.328.205 5.735-1.273 7.371-3.645c3.141-4.563.67-9.68-1.43-10.343c0 0 .34 1.438-.745 1.638"/></svg> </template>
CSS
.icon-sparkfun {
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%22M16.307%205.476c-.756.134-1.975-.615-2.59-1.362c-.755-.922-.66-1.647-.071-2.29c.883-.978%202.396-.6%202.396-.6s-2.772-2.432-5.658-.44c-2.571%201.77-1.833%204.183.487%206.288c2.09%201.902.42%203.988-1.686%203.717c-1.443-.184-2.034-1.343-1.687-2.054c.298-.608%201.335-.982%201.335-.982s-1.19-.484-2.592.044c-1.259.474-2.297%201.515-2.214%204.12V24s1.301-1.604%202.83-3.236c1.714-1.84%202.495-3.084%204.254-2.938c3.328.205%205.735-1.273%207.371-3.645c3.141-4.563.67-9.68-1.43-10.343c0%200%20.34%201.438-.745%201.638%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%22M16.307%205.476c-.756.134-1.975-.615-2.59-1.362c-.755-.922-.66-1.647-.071-2.29c.883-.978%202.396-.6%202.396-.6s-2.772-2.432-5.658-.44c-2.571%201.77-1.833%204.183.487%206.288c2.09%201.902.42%203.988-1.686%203.717c-1.443-.184-2.034-1.343-1.687-2.054c.298-.608%201.335-.982%201.335-.982s-1.19-.484-2.592.044c-1.259.474-2.297%201.515-2.214%204.12V24s1.301-1.604%202.83-3.236c1.714-1.84%202.495-3.084%204.254-2.938c3.328.205%205.735-1.273%207.371-3.645c3.141-4.563.67-9.68-1.43-10.343c0%200%20.34%201.438-.745%201.638%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/sparkfun.svg?color=%231a73e8&size=48
