atomic icon logo

atomic-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
atomic-icon
Set
SVG Logos
Style
Color
Viewbox
256×232
License
CC0

Use the atomic icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 232"><path fill="#1e6efa" d="M177.68 230.745H34.967C15.655 230.745 0 215.089 0 195.778c0-19.315 15.653-34.976 34.967-34.986l80.866-.04a37.19 37.19 0 0 1 32.238 18.617z"/><path fill="#ff3c5a" d="M26.491 141.083L97.848 17.489C107.504.765 128.889-4.965 145.614 4.691c16.727 9.657 22.463 31.043 12.815 47.775l-40.399 70.052a37.19 37.19 0 0 1-32.242 18.61z"/><path fill="#ffc5ce" d="m179.954 54.98l71.357 123.594c9.657 16.725 3.926 38.11-12.799 47.767s-38.116 3.931-47.78-12.79l-40.47-70.012a37.19 37.19 0 0 1 .005-37.228z"/></svg>

React

import type { SVGProps } from "react";

export function LogosAtomicIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 232"><path fill="#1e6efa" d="M177.68 230.745H34.967C15.655 230.745 0 215.089 0 195.778c0-19.315 15.653-34.976 34.967-34.986l80.866-.04a37.19 37.19 0 0 1 32.238 18.617z"/><path fill="#ff3c5a" d="M26.491 141.083L97.848 17.489C107.504.765 128.889-4.965 145.614 4.691c16.727 9.657 22.463 31.043 12.815 47.775l-40.399 70.052a37.19 37.19 0 0 1-32.242 18.61z"/><path fill="#ffc5ce" d="m179.954 54.98l71.357 123.594c9.657 16.725 3.926 38.11-12.799 47.767s-38.116 3.931-47.78-12.79l-40.47-70.012a37.19 37.19 0 0 1 .005-37.228z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 232"><path fill="#1e6efa" d="M177.68 230.745H34.967C15.655 230.745 0 215.089 0 195.778c0-19.315 15.653-34.976 34.967-34.986l80.866-.04a37.19 37.19 0 0 1 32.238 18.617z"/><path fill="#ff3c5a" d="M26.491 141.083L97.848 17.489C107.504.765 128.889-4.965 145.614 4.691c16.727 9.657 22.463 31.043 12.815 47.775l-40.399 70.052a37.19 37.19 0 0 1-32.242 18.61z"/><path fill="#ffc5ce" d="m179.954 54.98l71.357 123.594c9.657 16.725 3.926 38.11-12.799 47.767s-38.116 3.931-47.78-12.79l-40.47-70.012a37.19 37.19 0 0 1 .005-37.228z"/></svg>
</template>

CSS

.icon-atomic-icon {
  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%20256%20232%22%3E%3Cpath%20fill%3D%22%231e6efa%22%20d%3D%22M177.68%20230.745H34.967C15.655%20230.745%200%20215.089%200%20195.778c0-19.315%2015.653-34.976%2034.967-34.986l80.866-.04a37.19%2037.19%200%200%201%2032.238%2018.617z%22%2F%3E%3Cpath%20fill%3D%22%23ff3c5a%22%20d%3D%22M26.491%20141.083L97.848%2017.489C107.504.765%20128.889-4.965%20145.614%204.691c16.727%209.657%2022.463%2031.043%2012.815%2047.775l-40.399%2070.052a37.19%2037.19%200%200%201-32.242%2018.61z%22%2F%3E%3Cpath%20fill%3D%22%23ffc5ce%22%20d%3D%22m179.954%2054.98l71.357%20123.594c9.657%2016.725%203.926%2038.11-12.799%2047.767s-38.116%203.931-47.78-12.79l-40.47-70.012a37.19%2037.19%200%200%201%20.005-37.228z%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%20256%20232%22%3E%3Cpath%20fill%3D%22%231e6efa%22%20d%3D%22M177.68%20230.745H34.967C15.655%20230.745%200%20215.089%200%20195.778c0-19.315%2015.653-34.976%2034.967-34.986l80.866-.04a37.19%2037.19%200%200%201%2032.238%2018.617z%22%2F%3E%3Cpath%20fill%3D%22%23ff3c5a%22%20d%3D%22M26.491%20141.083L97.848%2017.489C107.504.765%20128.889-4.965%20145.614%204.691c16.727%209.657%2022.463%2031.043%2012.815%2047.775l-40.399%2070.052a37.19%2037.19%200%200%201-32.242%2018.61z%22%2F%3E%3Cpath%20fill%3D%22%23ffc5ce%22%20d%3D%22m179.954%2054.98l71.357%20123.594c9.657%2016.725%203.926%2038.11-12.799%2047.767s-38.116%203.931-47.78-12.79l-40.47-70.012a37.19%2037.19%200%200%201%20.005-37.228z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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