onesignal logo

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

Name
onesignal
Set
SVG Logos
Style
Color
Viewbox
256×236
License
CC0

Use the onesignal logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 236"><path fill="#e44a49" d="M128.344 0C57.58 0 0 57.581 0 128.344c0 45.094 23.588 84.637 58.275 107.531l6.244-4.162c1.387-.694 3.469-2.082 4.856-2.775c2.081-.694 4.163-2.082 5.55-2.775c2.081-.694 4.163-1.388 6.244-2.775c1.387-.694 3.469-1.388 4.856-2.082c2.081-.693 4.856-1.387 6.938-2.081c2.08-.694 3.468-.694 5.55-1.387c2.08-.694 3.468-.694 5.55-1.388c2.08-.694 4.162-.694 6.243-.694s4.857-.693 6.938-.693V138.75h-6.938v-13.875h34.688v91.575c19.425 2.775 36.769 9.713 52.725 19.425c35.381-22.894 58.275-62.437 58.275-107.531C256.688 57.58 199.106 0 128.344 0M166.5 128.344c0-20.813-17.344-38.156-38.156-38.156c-20.813 0-38.156 17.343-38.156 38.156c0 14.569 8.325 27.75 20.812 33.994v7.63c-15.956-6.937-27.75-22.893-27.75-41.624c0-24.975 20.119-45.094 45.094-45.094s45.094 20.119 45.094 45.094c0 15.956-8.325 29.831-20.813 38.156v-8.325c8.325-7.631 13.875-18.037 13.875-29.831m-13.875 75.619v-7.632c28.444-9.712 48.563-36.768 48.563-68.681c0-39.544-32.607-72.15-72.844-72.15c-40.238 0-72.844 32.606-72.844 72.844c0 33.994 23.588 63.131 55.5 70.762v6.938c-35.381-7.631-62.437-39.544-62.437-77.7c0-44.4 35.38-79.781 79.78-79.781s79.782 35.38 79.782 79.78c0 35.382-23.587 65.907-55.5 75.62"/></svg>

React

import type { SVGProps } from "react";

export function LogosOnesignal(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 236"><path fill="#e44a49" d="M128.344 0C57.58 0 0 57.581 0 128.344c0 45.094 23.588 84.637 58.275 107.531l6.244-4.162c1.387-.694 3.469-2.082 4.856-2.775c2.081-.694 4.163-2.082 5.55-2.775c2.081-.694 4.163-1.388 6.244-2.775c1.387-.694 3.469-1.388 4.856-2.082c2.081-.693 4.856-1.387 6.938-2.081c2.08-.694 3.468-.694 5.55-1.387c2.08-.694 3.468-.694 5.55-1.388c2.08-.694 4.162-.694 6.243-.694s4.857-.693 6.938-.693V138.75h-6.938v-13.875h34.688v91.575c19.425 2.775 36.769 9.713 52.725 19.425c35.381-22.894 58.275-62.437 58.275-107.531C256.688 57.58 199.106 0 128.344 0M166.5 128.344c0-20.813-17.344-38.156-38.156-38.156c-20.813 0-38.156 17.343-38.156 38.156c0 14.569 8.325 27.75 20.812 33.994v7.63c-15.956-6.937-27.75-22.893-27.75-41.624c0-24.975 20.119-45.094 45.094-45.094s45.094 20.119 45.094 45.094c0 15.956-8.325 29.831-20.813 38.156v-8.325c8.325-7.631 13.875-18.037 13.875-29.831m-13.875 75.619v-7.632c28.444-9.712 48.563-36.768 48.563-68.681c0-39.544-32.607-72.15-72.844-72.15c-40.238 0-72.844 32.606-72.844 72.844c0 33.994 23.588 63.131 55.5 70.762v6.938c-35.381-7.631-62.437-39.544-62.437-77.7c0-44.4 35.38-79.781 79.78-79.781s79.782 35.38 79.782 79.78c0 35.382-23.587 65.907-55.5 75.62"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 236"><path fill="#e44a49" d="M128.344 0C57.58 0 0 57.581 0 128.344c0 45.094 23.588 84.637 58.275 107.531l6.244-4.162c1.387-.694 3.469-2.082 4.856-2.775c2.081-.694 4.163-2.082 5.55-2.775c2.081-.694 4.163-1.388 6.244-2.775c1.387-.694 3.469-1.388 4.856-2.082c2.081-.693 4.856-1.387 6.938-2.081c2.08-.694 3.468-.694 5.55-1.387c2.08-.694 3.468-.694 5.55-1.388c2.08-.694 4.162-.694 6.243-.694s4.857-.693 6.938-.693V138.75h-6.938v-13.875h34.688v91.575c19.425 2.775 36.769 9.713 52.725 19.425c35.381-22.894 58.275-62.437 58.275-107.531C256.688 57.58 199.106 0 128.344 0M166.5 128.344c0-20.813-17.344-38.156-38.156-38.156c-20.813 0-38.156 17.343-38.156 38.156c0 14.569 8.325 27.75 20.812 33.994v7.63c-15.956-6.937-27.75-22.893-27.75-41.624c0-24.975 20.119-45.094 45.094-45.094s45.094 20.119 45.094 45.094c0 15.956-8.325 29.831-20.813 38.156v-8.325c8.325-7.631 13.875-18.037 13.875-29.831m-13.875 75.619v-7.632c28.444-9.712 48.563-36.768 48.563-68.681c0-39.544-32.607-72.15-72.844-72.15c-40.238 0-72.844 32.606-72.844 72.844c0 33.994 23.588 63.131 55.5 70.762v6.938c-35.381-7.631-62.437-39.544-62.437-77.7c0-44.4 35.38-79.781 79.78-79.781s79.782 35.38 79.782 79.78c0 35.382-23.587 65.907-55.5 75.62"/></svg>
</template>

CSS

.icon-onesignal {
  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%20236%22%3E%3Cpath%20fill%3D%22%23e44a49%22%20d%3D%22M128.344%200C57.58%200%200%2057.581%200%20128.344c0%2045.094%2023.588%2084.637%2058.275%20107.531l6.244-4.162c1.387-.694%203.469-2.082%204.856-2.775c2.081-.694%204.163-2.082%205.55-2.775c2.081-.694%204.163-1.388%206.244-2.775c1.387-.694%203.469-1.388%204.856-2.082c2.081-.693%204.856-1.387%206.938-2.081c2.08-.694%203.468-.694%205.55-1.387c2.08-.694%203.468-.694%205.55-1.388c2.08-.694%204.162-.694%206.243-.694s4.857-.693%206.938-.693V138.75h-6.938v-13.875h34.688v91.575c19.425%202.775%2036.769%209.713%2052.725%2019.425c35.381-22.894%2058.275-62.437%2058.275-107.531C256.688%2057.58%20199.106%200%20128.344%200M166.5%20128.344c0-20.813-17.344-38.156-38.156-38.156c-20.813%200-38.156%2017.343-38.156%2038.156c0%2014.569%208.325%2027.75%2020.812%2033.994v7.63c-15.956-6.937-27.75-22.893-27.75-41.624c0-24.975%2020.119-45.094%2045.094-45.094s45.094%2020.119%2045.094%2045.094c0%2015.956-8.325%2029.831-20.813%2038.156v-8.325c8.325-7.631%2013.875-18.037%2013.875-29.831m-13.875%2075.619v-7.632c28.444-9.712%2048.563-36.768%2048.563-68.681c0-39.544-32.607-72.15-72.844-72.15c-40.238%200-72.844%2032.606-72.844%2072.844c0%2033.994%2023.588%2063.131%2055.5%2070.762v6.938c-35.381-7.631-62.437-39.544-62.437-77.7c0-44.4%2035.38-79.781%2079.78-79.781s79.782%2035.38%2079.782%2079.78c0%2035.382-23.587%2065.907-55.5%2075.62%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%20236%22%3E%3Cpath%20fill%3D%22%23e44a49%22%20d%3D%22M128.344%200C57.58%200%200%2057.581%200%20128.344c0%2045.094%2023.588%2084.637%2058.275%20107.531l6.244-4.162c1.387-.694%203.469-2.082%204.856-2.775c2.081-.694%204.163-2.082%205.55-2.775c2.081-.694%204.163-1.388%206.244-2.775c1.387-.694%203.469-1.388%204.856-2.082c2.081-.693%204.856-1.387%206.938-2.081c2.08-.694%203.468-.694%205.55-1.387c2.08-.694%203.468-.694%205.55-1.388c2.08-.694%204.162-.694%206.243-.694s4.857-.693%206.938-.693V138.75h-6.938v-13.875h34.688v91.575c19.425%202.775%2036.769%209.713%2052.725%2019.425c35.381-22.894%2058.275-62.437%2058.275-107.531C256.688%2057.58%20199.106%200%20128.344%200M166.5%20128.344c0-20.813-17.344-38.156-38.156-38.156c-20.813%200-38.156%2017.343-38.156%2038.156c0%2014.569%208.325%2027.75%2020.812%2033.994v7.63c-15.956-6.937-27.75-22.893-27.75-41.624c0-24.975%2020.119-45.094%2045.094-45.094s45.094%2020.119%2045.094%2045.094c0%2015.956-8.325%2029.831-20.813%2038.156v-8.325c8.325-7.631%2013.875-18.037%2013.875-29.831m-13.875%2075.619v-7.632c28.444-9.712%2048.563-36.768%2048.563-68.681c0-39.544-32.607-72.15-72.844-72.15c-40.238%200-72.844%2032.606-72.844%2072.844c0%2033.994%2023.588%2063.131%2055.5%2070.762v6.938c-35.381-7.631-62.437-39.544-62.437-77.7c0-44.4%2035.38-79.781%2079.78-79.781s79.782%2035.38%2079.782%2079.78c0%2035.382-23.587%2065.907-55.5%2075.62%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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