b4x logo

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

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

Use the b4x logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.538 23.992c-6.265-.455-10.82-3-13.57-7.574a13 13 0 0 1-.814-1.575c0-.09 7.728-14.238 7.76-14.22a2 2 0 0 1 .068.46c.075.925.373 2.335.71 3.357a14.8 14.8 0 0 0 2.044 3.97a4 4 0 0 0 .37.456c.033.022.22.227.417.462c.198.235.49.553.653.71l.299.283l-.325-.355a19 19 0 0 1-.597-.697l-.276-.34l.478-.843l3.835-6.769c.418-.735.769-1.328.776-1.317a8 8 0 0 1-.126.746c-.665 3.291-.5 6.258.477 8.728c.164.418.523 1.157.56 1.157c.015 0 .26-.433.545-.96a1795 1795 0 0 1 4.13-7.593a1 1 0 0 1 .13-.201c.012 0-.066.239-.17.53c-.575 1.593-.945 3.097-1.135 4.627c-.093.746-.082 2.492.026 3.194c.287 1.899.95 3.455 2.026 4.735c.362.429.787.828.952.888c.048.018.074.06.063.09l-1.683 3.79A284 284 0 0 0 20.5 23.5c0 .09-.168.142-.735.235c-1.16.186-1.948.242-3.478.261c-.82.008-1.604.004-1.75-.007"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsB4x(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.538 23.992c-6.265-.455-10.82-3-13.57-7.574a13 13 0 0 1-.814-1.575c0-.09 7.728-14.238 7.76-14.22a2 2 0 0 1 .068.46c.075.925.373 2.335.71 3.357a14.8 14.8 0 0 0 2.044 3.97a4 4 0 0 0 .37.456c.033.022.22.227.417.462c.198.235.49.553.653.71l.299.283l-.325-.355a19 19 0 0 1-.597-.697l-.276-.34l.478-.843l3.835-6.769c.418-.735.769-1.328.776-1.317a8 8 0 0 1-.126.746c-.665 3.291-.5 6.258.477 8.728c.164.418.523 1.157.56 1.157c.015 0 .26-.433.545-.96a1795 1795 0 0 1 4.13-7.593a1 1 0 0 1 .13-.201c.012 0-.066.239-.17.53c-.575 1.593-.945 3.097-1.135 4.627c-.093.746-.082 2.492.026 3.194c.287 1.899.95 3.455 2.026 4.735c.362.429.787.828.952.888c.048.018.074.06.063.09l-1.683 3.79A284 284 0 0 0 20.5 23.5c0 .09-.168.142-.735.235c-1.16.186-1.948.242-3.478.261c-.82.008-1.604.004-1.75-.007"/></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.538 23.992c-6.265-.455-10.82-3-13.57-7.574a13 13 0 0 1-.814-1.575c0-.09 7.728-14.238 7.76-14.22a2 2 0 0 1 .068.46c.075.925.373 2.335.71 3.357a14.8 14.8 0 0 0 2.044 3.97a4 4 0 0 0 .37.456c.033.022.22.227.417.462c.198.235.49.553.653.71l.299.283l-.325-.355a19 19 0 0 1-.597-.697l-.276-.34l.478-.843l3.835-6.769c.418-.735.769-1.328.776-1.317a8 8 0 0 1-.126.746c-.665 3.291-.5 6.258.477 8.728c.164.418.523 1.157.56 1.157c.015 0 .26-.433.545-.96a1795 1795 0 0 1 4.13-7.593a1 1 0 0 1 .13-.201c.012 0-.066.239-.17.53c-.575 1.593-.945 3.097-1.135 4.627c-.093.746-.082 2.492.026 3.194c.287 1.899.95 3.455 2.026 4.735c.362.429.787.828.952.888c.048.018.074.06.063.09l-1.683 3.79A284 284 0 0 0 20.5 23.5c0 .09-.168.142-.735.235c-1.16.186-1.948.242-3.478.261c-.82.008-1.604.004-1.75-.007"/></svg>
</template>

CSS

.icon-b4x {
  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.538%2023.992c-6.265-.455-10.82-3-13.57-7.574a13%2013%200%200%201-.814-1.575c0-.09%207.728-14.238%207.76-14.22a2%202%200%200%201%20.068.46c.075.925.373%202.335.71%203.357a14.8%2014.8%200%200%200%202.044%203.97a4%204%200%200%200%20.37.456c.033.022.22.227.417.462c.198.235.49.553.653.71l.299.283l-.325-.355a19%2019%200%200%201-.597-.697l-.276-.34l.478-.843l3.835-6.769c.418-.735.769-1.328.776-1.317a8%208%200%200%201-.126.746c-.665%203.291-.5%206.258.477%208.728c.164.418.523%201.157.56%201.157c.015%200%20.26-.433.545-.96a1795%201795%200%200%201%204.13-7.593a1%201%200%200%201%20.13-.201c.012%200-.066.239-.17.53c-.575%201.593-.945%203.097-1.135%204.627c-.093.746-.082%202.492.026%203.194c.287%201.899.95%203.455%202.026%204.735c.362.429.787.828.952.888c.048.018.074.06.063.09l-1.683%203.79A284%20284%200%200%200%2020.5%2023.5c0%20.09-.168.142-.735.235c-1.16.186-1.948.242-3.478.261c-.82.008-1.604.004-1.75-.007%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.538%2023.992c-6.265-.455-10.82-3-13.57-7.574a13%2013%200%200%201-.814-1.575c0-.09%207.728-14.238%207.76-14.22a2%202%200%200%201%20.068.46c.075.925.373%202.335.71%203.357a14.8%2014.8%200%200%200%202.044%203.97a4%204%200%200%200%20.37.456c.033.022.22.227.417.462c.198.235.49.553.653.71l.299.283l-.325-.355a19%2019%200%200%201-.597-.697l-.276-.34l.478-.843l3.835-6.769c.418-.735.769-1.328.776-1.317a8%208%200%200%201-.126.746c-.665%203.291-.5%206.258.477%208.728c.164.418.523%201.157.56%201.157c.015%200%20.26-.433.545-.96a1795%201795%200%200%201%204.13-7.593a1%201%200%200%201%20.13-.201c.012%200-.066.239-.17.53c-.575%201.593-.945%203.097-1.135%204.627c-.093.746-.082%202.492.026%203.194c.287%201.899.95%203.455%202.026%204.735c.362.429.787.828.952.888c.048.018.074.06.063.09l-1.683%203.79A284%20284%200%200%200%2020.5%2023.5c0%20.09-.168.142-.735.235c-1.16.186-1.948.242-3.478.261c-.82.008-1.604.004-1.75-.007%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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