twilio icon logo

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

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

Use the twilio icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#f12e45" d="M128 0c70.656 0 128 57.344 128 128s-57.344 128-128 128S0 198.656 0 128S57.344 0 128 0m0 33.792c-52.224 0-94.208 41.984-94.208 94.208S75.776 222.208 128 222.208s94.208-41.984 94.208-94.208S180.224 33.792 128 33.792m31.744 99.328c14.704 0 26.624 11.92 26.624 26.624s-11.92 26.624-26.624 26.624s-26.624-11.92-26.624-26.624s11.92-26.624 26.624-26.624m-63.488 0c14.704 0 26.624 11.92 26.624 26.624s-11.92 26.624-26.624 26.624s-26.624-11.92-26.624-26.624s11.92-26.624 26.624-26.624m63.488-63.488c14.704 0 26.624 11.92 26.624 26.624s-11.92 26.624-26.624 26.624s-26.624-11.92-26.624-26.624s11.92-26.624 26.624-26.624m-63.488 0c14.704 0 26.624 11.92 26.624 26.624s-11.92 26.624-26.624 26.624s-26.624-11.92-26.624-26.624s11.92-26.624 26.624-26.624"/></svg>

React

import type { SVGProps } from "react";

export function LogosTwilioIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#f12e45" d="M128 0c70.656 0 128 57.344 128 128s-57.344 128-128 128S0 198.656 0 128S57.344 0 128 0m0 33.792c-52.224 0-94.208 41.984-94.208 94.208S75.776 222.208 128 222.208s94.208-41.984 94.208-94.208S180.224 33.792 128 33.792m31.744 99.328c14.704 0 26.624 11.92 26.624 26.624s-11.92 26.624-26.624 26.624s-26.624-11.92-26.624-26.624s11.92-26.624 26.624-26.624m-63.488 0c14.704 0 26.624 11.92 26.624 26.624s-11.92 26.624-26.624 26.624s-26.624-11.92-26.624-26.624s11.92-26.624 26.624-26.624m63.488-63.488c14.704 0 26.624 11.92 26.624 26.624s-11.92 26.624-26.624 26.624s-26.624-11.92-26.624-26.624s11.92-26.624 26.624-26.624m-63.488 0c14.704 0 26.624 11.92 26.624 26.624s-11.92 26.624-26.624 26.624s-26.624-11.92-26.624-26.624s11.92-26.624 26.624-26.624"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#f12e45" d="M128 0c70.656 0 128 57.344 128 128s-57.344 128-128 128S0 198.656 0 128S57.344 0 128 0m0 33.792c-52.224 0-94.208 41.984-94.208 94.208S75.776 222.208 128 222.208s94.208-41.984 94.208-94.208S180.224 33.792 128 33.792m31.744 99.328c14.704 0 26.624 11.92 26.624 26.624s-11.92 26.624-26.624 26.624s-26.624-11.92-26.624-26.624s11.92-26.624 26.624-26.624m-63.488 0c14.704 0 26.624 11.92 26.624 26.624s-11.92 26.624-26.624 26.624s-26.624-11.92-26.624-26.624s11.92-26.624 26.624-26.624m63.488-63.488c14.704 0 26.624 11.92 26.624 26.624s-11.92 26.624-26.624 26.624s-26.624-11.92-26.624-26.624s11.92-26.624 26.624-26.624m-63.488 0c14.704 0 26.624 11.92 26.624 26.624s-11.92 26.624-26.624 26.624s-26.624-11.92-26.624-26.624s11.92-26.624 26.624-26.624"/></svg>
</template>

CSS

.icon-twilio-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%20256%22%3E%3Cpath%20fill%3D%22%23f12e45%22%20d%3D%22M128%200c70.656%200%20128%2057.344%20128%20128s-57.344%20128-128%20128S0%20198.656%200%20128S57.344%200%20128%200m0%2033.792c-52.224%200-94.208%2041.984-94.208%2094.208S75.776%20222.208%20128%20222.208s94.208-41.984%2094.208-94.208S180.224%2033.792%20128%2033.792m31.744%2099.328c14.704%200%2026.624%2011.92%2026.624%2026.624s-11.92%2026.624-26.624%2026.624s-26.624-11.92-26.624-26.624s11.92-26.624%2026.624-26.624m-63.488%200c14.704%200%2026.624%2011.92%2026.624%2026.624s-11.92%2026.624-26.624%2026.624s-26.624-11.92-26.624-26.624s11.92-26.624%2026.624-26.624m63.488-63.488c14.704%200%2026.624%2011.92%2026.624%2026.624s-11.92%2026.624-26.624%2026.624s-26.624-11.92-26.624-26.624s11.92-26.624%2026.624-26.624m-63.488%200c14.704%200%2026.624%2011.92%2026.624%2026.624s-11.92%2026.624-26.624%2026.624s-26.624-11.92-26.624-26.624s11.92-26.624%2026.624-26.624%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%20256%22%3E%3Cpath%20fill%3D%22%23f12e45%22%20d%3D%22M128%200c70.656%200%20128%2057.344%20128%20128s-57.344%20128-128%20128S0%20198.656%200%20128S57.344%200%20128%200m0%2033.792c-52.224%200-94.208%2041.984-94.208%2094.208S75.776%20222.208%20128%20222.208s94.208-41.984%2094.208-94.208S180.224%2033.792%20128%2033.792m31.744%2099.328c14.704%200%2026.624%2011.92%2026.624%2026.624s-11.92%2026.624-26.624%2026.624s-26.624-11.92-26.624-26.624s11.92-26.624%2026.624-26.624m-63.488%200c14.704%200%2026.624%2011.92%2026.624%2026.624s-11.92%2026.624-26.624%2026.624s-26.624-11.92-26.624-26.624s11.92-26.624%2026.624-26.624m63.488-63.488c14.704%200%2026.624%2011.92%2026.624%2026.624s-11.92%2026.624-26.624%2026.624s-26.624-11.92-26.624-26.624s11.92-26.624%2026.624-26.624m-63.488%200c14.704%200%2026.624%2011.92%2026.624%2026.624s-11.92%2026.624-26.624%2026.624s-26.624-11.92-26.624-26.624s11.92-26.624%2026.624-26.624%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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