twilio logo
twilio from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- twilio
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- 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 32 32"><path fill="currentColor" d="M16 0C7.177-.01.01 7.135 0 15.964V16c0 8.854 7.146 16 16 16s16-7.146 16-16S24.854 0 16 0m0 27.734c-6.464.021-11.714-5.203-11.734-11.667v-.068C4.245 9.535 9.469 4.285 15.933 4.265h.068c6.464-.021 11.714 5.203 11.734 11.667V16c.021 6.464-5.203 11.714-11.667 11.734zm7.255-15.682a3.325 3.325 0 0 1-3.307 3.307a3.324 3.324 0 0 1-3.307-3.307c0-1.813 1.495-3.307 3.307-3.307s3.307 1.495 3.307 3.307m0 7.896a3.325 3.325 0 0 1-3.307 3.307a3.325 3.325 0 0 1-3.307-3.307c0-1.813 1.495-3.307 3.307-3.307s3.307 1.495 3.307 3.307m-7.896 0c0 1.813-1.49 3.307-3.302 3.307a3.32 3.32 0 0 1-3.307-3.307a3.32 3.32 0 0 1 3.307-3.307c1.807 0 3.302 1.495 3.302 3.307m0-7.896c0 1.813-1.49 3.307-3.302 3.307a3.32 3.32 0 0 1-3.307-3.307a3.32 3.32 0 0 1 3.307-3.307c1.807 0 3.302 1.495 3.302 3.307"/></svg>
React
import type { SVGProps } from "react";
export function CibTwilio(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 0C7.177-.01.01 7.135 0 15.964V16c0 8.854 7.146 16 16 16s16-7.146 16-16S24.854 0 16 0m0 27.734c-6.464.021-11.714-5.203-11.734-11.667v-.068C4.245 9.535 9.469 4.285 15.933 4.265h.068c6.464-.021 11.714 5.203 11.734 11.667V16c.021 6.464-5.203 11.714-11.667 11.734zm7.255-15.682a3.325 3.325 0 0 1-3.307 3.307a3.324 3.324 0 0 1-3.307-3.307c0-1.813 1.495-3.307 3.307-3.307s3.307 1.495 3.307 3.307m0 7.896a3.325 3.325 0 0 1-3.307 3.307a3.325 3.325 0 0 1-3.307-3.307c0-1.813 1.495-3.307 3.307-3.307s3.307 1.495 3.307 3.307m-7.896 0c0 1.813-1.49 3.307-3.302 3.307a3.32 3.32 0 0 1-3.307-3.307a3.32 3.32 0 0 1 3.307-3.307c1.807 0 3.302 1.495 3.302 3.307m0-7.896c0 1.813-1.49 3.307-3.302 3.307a3.32 3.32 0 0 1-3.307-3.307a3.32 3.32 0 0 1 3.307-3.307c1.807 0 3.302 1.495 3.302 3.307"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 0C7.177-.01.01 7.135 0 15.964V16c0 8.854 7.146 16 16 16s16-7.146 16-16S24.854 0 16 0m0 27.734c-6.464.021-11.714-5.203-11.734-11.667v-.068C4.245 9.535 9.469 4.285 15.933 4.265h.068c6.464-.021 11.714 5.203 11.734 11.667V16c.021 6.464-5.203 11.714-11.667 11.734zm7.255-15.682a3.325 3.325 0 0 1-3.307 3.307a3.324 3.324 0 0 1-3.307-3.307c0-1.813 1.495-3.307 3.307-3.307s3.307 1.495 3.307 3.307m0 7.896a3.325 3.325 0 0 1-3.307 3.307a3.325 3.325 0 0 1-3.307-3.307c0-1.813 1.495-3.307 3.307-3.307s3.307 1.495 3.307 3.307m-7.896 0c0 1.813-1.49 3.307-3.302 3.307a3.32 3.32 0 0 1-3.307-3.307a3.32 3.32 0 0 1 3.307-3.307c1.807 0 3.302 1.495 3.302 3.307m0-7.896c0 1.813-1.49 3.307-3.302 3.307a3.32 3.32 0 0 1-3.307-3.307a3.32 3.32 0 0 1 3.307-3.307c1.807 0 3.302 1.495 3.302 3.307"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%200C7.177-.01.01%207.135%200%2015.964V16c0%208.854%207.146%2016%2016%2016s16-7.146%2016-16S24.854%200%2016%200m0%2027.734c-6.464.021-11.714-5.203-11.734-11.667v-.068C4.245%209.535%209.469%204.285%2015.933%204.265h.068c6.464-.021%2011.714%205.203%2011.734%2011.667V16c.021%206.464-5.203%2011.714-11.667%2011.734zm7.255-15.682a3.325%203.325%200%200%201-3.307%203.307a3.324%203.324%200%200%201-3.307-3.307c0-1.813%201.495-3.307%203.307-3.307s3.307%201.495%203.307%203.307m0%207.896a3.325%203.325%200%200%201-3.307%203.307a3.325%203.325%200%200%201-3.307-3.307c0-1.813%201.495-3.307%203.307-3.307s3.307%201.495%203.307%203.307m-7.896%200c0%201.813-1.49%203.307-3.302%203.307a3.32%203.32%200%200%201-3.307-3.307a3.32%203.32%200%200%201%203.307-3.307c1.807%200%203.302%201.495%203.302%203.307m0-7.896c0%201.813-1.49%203.307-3.302%203.307a3.32%203.32%200%200%201-3.307-3.307a3.32%203.32%200%200%201%203.307-3.307c1.807%200%203.302%201.495%203.302%203.307%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%200C7.177-.01.01%207.135%200%2015.964V16c0%208.854%207.146%2016%2016%2016s16-7.146%2016-16S24.854%200%2016%200m0%2027.734c-6.464.021-11.714-5.203-11.734-11.667v-.068C4.245%209.535%209.469%204.285%2015.933%204.265h.068c6.464-.021%2011.714%205.203%2011.734%2011.667V16c.021%206.464-5.203%2011.714-11.667%2011.734zm7.255-15.682a3.325%203.325%200%200%201-3.307%203.307a3.324%203.324%200%200%201-3.307-3.307c0-1.813%201.495-3.307%203.307-3.307s3.307%201.495%203.307%203.307m0%207.896a3.325%203.325%200%200%201-3.307%203.307a3.325%203.325%200%200%201-3.307-3.307c0-1.813%201.495-3.307%203.307-3.307s3.307%201.495%203.307%203.307m-7.896%200c0%201.813-1.49%203.307-3.302%203.307a3.32%203.32%200%200%201-3.307-3.307a3.32%203.32%200%200%201%203.307-3.307c1.807%200%203.302%201.495%203.302%203.307m0-7.896c0%201.813-1.49%203.307-3.302%203.307a3.32%203.32%200%200%201-3.307-3.307a3.32%203.32%200%200%201%203.307-3.307c1.807%200%203.302%201.495%203.302%203.307%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/twilio.svg?color=%231a73e8&size=48
