twilio logo

twilio from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name: twilio
Set: Devicon
Style: Original
Viewbox: 128×128
License: MIT

1 other variant in Devicon

The same logo in other sets

twiliocss.gg twilioSVG Logos twilioSimple Icons

Use the twilio logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f22f46" d="M48 92.309c16.41 0 16.41-24.618 0-24.618S31.59 92.31 48 92.31Zm0-32c16.41 0 16.41-24.618 0-24.618S31.59 60.31 48 60.31Zm32 32c16.41 0 16.41-24.618 0-24.618S63.59 92.31 80 92.31Zm0-32c16.41 0 16.41-24.618 0-24.618S63.59 60.31 80 60.31ZM64 0c34.664 0 64 29.336 64 64s-29.336 64-64 64S0 98.664 0 64S29.336 0 64 0m0 17.23c-25.758 0-46.77 20.286-46.77 45.91c0 25.626 21.012 47.63 46.77 47.63s46.77-22.004 46.77-47.63c0-25.624-21.012-45.91-46.77-45.91m0 0"/></svg>

React

import type { SVGProps } from "react";

export function DeviconTwilio(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f22f46" d="M48 92.309c16.41 0 16.41-24.618 0-24.618S31.59 92.31 48 92.31Zm0-32c16.41 0 16.41-24.618 0-24.618S31.59 60.31 48 60.31Zm32 32c16.41 0 16.41-24.618 0-24.618S63.59 92.31 80 92.31Zm0-32c16.41 0 16.41-24.618 0-24.618S63.59 60.31 80 60.31ZM64 0c34.664 0 64 29.336 64 64s-29.336 64-64 64S0 98.664 0 64S29.336 0 64 0m0 17.23c-25.758 0-46.77 20.286-46.77 45.91c0 25.626 21.012 47.63 46.77 47.63s46.77-22.004 46.77-47.63c0-25.624-21.012-45.91-46.77-45.91m0 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f22f46" d="M48 92.309c16.41 0 16.41-24.618 0-24.618S31.59 92.31 48 92.31Zm0-32c16.41 0 16.41-24.618 0-24.618S31.59 60.31 48 60.31Zm32 32c16.41 0 16.41-24.618 0-24.618S63.59 92.31 80 92.31Zm0-32c16.41 0 16.41-24.618 0-24.618S63.59 60.31 80 60.31ZM64 0c34.664 0 64 29.336 64 64s-29.336 64-64 64S0 98.664 0 64S29.336 0 64 0m0 17.23c-25.758 0-46.77 20.286-46.77 45.91c0 25.626 21.012 47.63 46.77 47.63s46.77-22.004 46.77-47.63c0-25.624-21.012-45.91-46.77-45.91m0 0"/></svg>
</template>

CSS

.icon-twilio {
  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%20128%20128%22%3E%3Cpath%20fill%3D%22%23f22f46%22%20d%3D%22M48%2092.309c16.41%200%2016.41-24.618%200-24.618S31.59%2092.31%2048%2092.31Zm0-32c16.41%200%2016.41-24.618%200-24.618S31.59%2060.31%2048%2060.31Zm32%2032c16.41%200%2016.41-24.618%200-24.618S63.59%2092.31%2080%2092.31Zm0-32c16.41%200%2016.41-24.618%200-24.618S63.59%2060.31%2080%2060.31ZM64%200c34.664%200%2064%2029.336%2064%2064s-29.336%2064-64%2064S0%2098.664%200%2064S29.336%200%2064%200m0%2017.23c-25.758%200-46.77%2020.286-46.77%2045.91c0%2025.626%2021.012%2047.63%2046.77%2047.63s46.77-22.004%2046.77-47.63c0-25.624-21.012-45.91-46.77-45.91m0%200%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23f22f46%22%20d%3D%22M48%2092.309c16.41%200%2016.41-24.618%200-24.618S31.59%2092.31%2048%2092.31Zm0-32c16.41%200%2016.41-24.618%200-24.618S31.59%2060.31%2048%2060.31Zm32%2032c16.41%200%2016.41-24.618%200-24.618S63.59%2092.31%2080%2092.31Zm0-32c16.41%200%2016.41-24.618%200-24.618S63.59%2060.31%2080%2060.31ZM64%200c34.664%200%2064%2029.336%2064%2064s-29.336%2064-64%2064S0%2098.664%200%2064S29.336%200%2064%200m0%2017.23c-25.758%200-46.77%2020.286-46.77%2045.91c0%2025.626%2021.012%2047.63%2046.77%2047.63s46.77-22.004%2046.77-47.63c0-25.624-21.012-45.91-46.77-45.91m0%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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