twilio logo
twilio from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- twilio
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the twilio logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.381-.008.008 5.352 0 11.971V12c0 6.64 5.359 12 12 12c6.64 0 12-5.36 12-12c0-6.641-5.36-12-12-12m0 20.801c-4.846.015-8.786-3.904-8.801-8.75V12a8.777 8.777 0 0 1 8.75-8.801H12a8.776 8.776 0 0 1 8.801 8.75V12c.015 4.847-3.904 8.786-8.75 8.801zm5.44-11.76a2.49 2.49 0 0 1-2.481 2.479a2.49 2.49 0 0 1-2.479-2.479a2.49 2.49 0 0 1 2.479-2.481a2.493 2.493 0 0 1 2.481 2.481m0 5.919c0 1.36-1.12 2.48-2.481 2.48a2.49 2.49 0 0 1-2.479-2.48a2.49 2.49 0 0 1 2.479-2.479a2.49 2.49 0 0 1 2.481 2.479m-5.919 0c0 1.36-1.12 2.48-2.479 2.48a2.49 2.49 0 0 1-2.481-2.48a2.49 2.49 0 0 1 2.481-2.479a2.49 2.49 0 0 1 2.479 2.479m0-5.919a2.49 2.49 0 0 1-2.479 2.479a2.49 2.49 0 0 1-2.481-2.479A2.493 2.493 0 0 1 9.042 6.56a2.493 2.493 0 0 1 2.479 2.481"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsTwilio(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="M12 0C5.381-.008.008 5.352 0 11.971V12c0 6.64 5.359 12 12 12c6.64 0 12-5.36 12-12c0-6.641-5.36-12-12-12m0 20.801c-4.846.015-8.786-3.904-8.801-8.75V12a8.777 8.777 0 0 1 8.75-8.801H12a8.776 8.776 0 0 1 8.801 8.75V12c.015 4.847-3.904 8.786-8.75 8.801zm5.44-11.76a2.49 2.49 0 0 1-2.481 2.479a2.49 2.49 0 0 1-2.479-2.479a2.49 2.49 0 0 1 2.479-2.481a2.493 2.493 0 0 1 2.481 2.481m0 5.919c0 1.36-1.12 2.48-2.481 2.48a2.49 2.49 0 0 1-2.479-2.48a2.49 2.49 0 0 1 2.479-2.479a2.49 2.49 0 0 1 2.481 2.479m-5.919 0c0 1.36-1.12 2.48-2.479 2.48a2.49 2.49 0 0 1-2.481-2.48a2.49 2.49 0 0 1 2.481-2.479a2.49 2.49 0 0 1 2.479 2.479m0-5.919a2.49 2.49 0 0 1-2.479 2.479a2.49 2.49 0 0 1-2.481-2.479A2.493 2.493 0 0 1 9.042 6.56a2.493 2.493 0 0 1 2.479 2.481"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.381-.008.008 5.352 0 11.971V12c0 6.64 5.359 12 12 12c6.64 0 12-5.36 12-12c0-6.641-5.36-12-12-12m0 20.801c-4.846.015-8.786-3.904-8.801-8.75V12a8.777 8.777 0 0 1 8.75-8.801H12a8.776 8.776 0 0 1 8.801 8.75V12c.015 4.847-3.904 8.786-8.75 8.801zm5.44-11.76a2.49 2.49 0 0 1-2.481 2.479a2.49 2.49 0 0 1-2.479-2.479a2.49 2.49 0 0 1 2.479-2.481a2.493 2.493 0 0 1 2.481 2.481m0 5.919c0 1.36-1.12 2.48-2.481 2.48a2.49 2.49 0 0 1-2.479-2.48a2.49 2.49 0 0 1 2.479-2.479a2.49 2.49 0 0 1 2.481 2.479m-5.919 0c0 1.36-1.12 2.48-2.479 2.48a2.49 2.49 0 0 1-2.481-2.48a2.49 2.49 0 0 1 2.481-2.479a2.49 2.49 0 0 1 2.479 2.479m0-5.919a2.49 2.49 0 0 1-2.479 2.479a2.49 2.49 0 0 1-2.481-2.479A2.493 2.493 0 0 1 9.042 6.56a2.493 2.493 0 0 1 2.479 2.481"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%200C5.381-.008.008%205.352%200%2011.971V12c0%206.64%205.359%2012%2012%2012c6.64%200%2012-5.36%2012-12c0-6.641-5.36-12-12-12m0%2020.801c-4.846.015-8.786-3.904-8.801-8.75V12a8.777%208.777%200%200%201%208.75-8.801H12a8.776%208.776%200%200%201%208.801%208.75V12c.015%204.847-3.904%208.786-8.75%208.801zm5.44-11.76a2.49%202.49%200%200%201-2.481%202.479a2.49%202.49%200%200%201-2.479-2.479a2.49%202.49%200%200%201%202.479-2.481a2.493%202.493%200%200%201%202.481%202.481m0%205.919c0%201.36-1.12%202.48-2.481%202.48a2.49%202.49%200%200%201-2.479-2.48a2.49%202.49%200%200%201%202.479-2.479a2.49%202.49%200%200%201%202.481%202.479m-5.919%200c0%201.36-1.12%202.48-2.479%202.48a2.49%202.49%200%200%201-2.481-2.48a2.49%202.49%200%200%201%202.481-2.479a2.49%202.49%200%200%201%202.479%202.479m0-5.919a2.49%202.49%200%200%201-2.479%202.479a2.49%202.49%200%200%201-2.481-2.479A2.493%202.493%200%200%201%209.042%206.56a2.493%202.493%200%200%201%202.479%202.481%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%22M12%200C5.381-.008.008%205.352%200%2011.971V12c0%206.64%205.359%2012%2012%2012c6.64%200%2012-5.36%2012-12c0-6.641-5.36-12-12-12m0%2020.801c-4.846.015-8.786-3.904-8.801-8.75V12a8.777%208.777%200%200%201%208.75-8.801H12a8.776%208.776%200%200%201%208.801%208.75V12c.015%204.847-3.904%208.786-8.75%208.801zm5.44-11.76a2.49%202.49%200%200%201-2.481%202.479a2.49%202.49%200%200%201-2.479-2.479a2.49%202.49%200%200%201%202.479-2.481a2.493%202.493%200%200%201%202.481%202.481m0%205.919c0%201.36-1.12%202.48-2.481%202.48a2.49%202.49%200%200%201-2.479-2.48a2.49%202.49%200%200%201%202.479-2.479a2.49%202.49%200%200%201%202.481%202.479m-5.919%200c0%201.36-1.12%202.48-2.479%202.48a2.49%202.49%200%200%201-2.481-2.48a2.49%202.49%200%200%201%202.481-2.479a2.49%202.49%200%200%201%202.479%202.479m0-5.919a2.49%202.49%200%200%201-2.479%202.479a2.49%202.49%200%200%201-2.481-2.479A2.493%202.493%200%200%201%209.042%206.56a2.493%202.493%200%200%201%202.479%202.481%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/twilio.svg?color=%231a73e8&size=48
