Twilio icon
logos:twilio
The Twilio icon (logos:twilio) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 155 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 512 × 155
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="155" viewBox="0 0 512 155"><path fill="#f12e45" d="M77.016 0c42.512 0 77.015 34.503 77.015 77.016c0 42.512-34.503 77.015-77.015 77.015S0 119.528 0 77.016S34.503 0 77.016 0m0 20.332c-31.423 0-56.684 25.261-56.684 56.684s25.261 56.683 56.684 56.683s56.683-25.261 56.683-56.683s-25.261-56.684-56.683-56.684m395.86 31.73c22.797 0 39.124 16.636 39.124 36.352v.308c0 19.716-16.327 36.66-39.432 36.66c-22.797 0-39.124-16.636-39.124-36.352v-.308c0-19.716 16.327-36.66 39.432-36.66M207.634 30.499c.924-.308 1.849.616 1.849 1.232v22.181h40.972c.924 0 1.54.616 1.848 1.232l3.389 12.63l3.08 12.631l.309.616l.308-1.232l7.701-25.569c.308-.616 1.233-1.232 1.849-1.232h20.332c.924 0 1.54.616 1.848 1.232l8.01 27.418l.308-1.233l6.777-25.569c.308-.616 1.232-1.232 1.849-1.232h52.37c.616 0 1.232.616 1.232 1.54v67.158c0 .616-.616 1.232-1.232 1.232h-26.185c-.616 0-1.232-.616-1.232-1.232V57.608L313.3 122.3c-.308.616-1.233 1.232-1.849 1.232h-21.564c-.924 0-1.54-.616-1.848-1.232l-4.313-13.555l-4.621-14.787l-9.242 28.65c-.308.616-1.232 1.232-1.849 1.232H246.45c-.924 0-1.54-.616-1.848-1.232l-19.408-64.385v16.635c0 .616-.616 1.232-1.233 1.232h-14.787v17.56c0 5.237 2.465 7.085 7.086 7.085c2.464 0 4.62-.308 7.393-1.54c.617 0 1.54.308 1.54 1.232v20.333c-4.62 2.464-11.398 4.004-18.483 4.004c-16.943 0-26.185-8.01-26.185-24.953V75.783h-6.778c-.616 0-1.232-.616-1.232-1.232V54.835c0-.616.616-1.232 1.232-1.232h6.778V39.74c0-.616.308-.924 1.232-1.232Zm187.302-.308c.616 0 1.232.616 1.232 1.232v90.879c0 .616-.616 1.232-1.232 1.232h-26.185c-.616 0-1.232-.616-1.232-1.232v-90.88c0-.616.616-1.232 1.232-1.232Zm34.503 23.413c.616 0 1.232.616 1.232 1.54v67.158c0 .616-.616 1.232-1.232 1.232h-26.185c-.616 0-1.232-.616-1.232-1.232V54.835c0-.616.616-1.232 1.232-1.232ZM96.116 80.096c8.847 0 16.019 7.172 16.019 16.02s-7.172 16.019-16.02 16.019s-16.019-7.172-16.019-16.02s7.172-16.019 16.02-16.019m-38.2 0c8.847 0 16.019 7.172 16.019 16.02s-7.172 16.019-16.02 16.019c-8.846 0-16.018-7.172-16.018-16.02s7.172-16.019 16.019-16.019m414.652-4.005c-6.47 0-11.09 5.238-11.09 12.015v.308c0 6.777 4.929 12.322 11.398 12.322c6.47 0 11.09-5.237 11.09-12.014c0-7.085-4.929-12.63-11.398-12.63M96.116 41.897c8.847 0 16.019 7.172 16.019 16.019s-7.172 16.019-16.02 16.019s-16.019-7.172-16.019-16.02c0-8.846 7.172-16.018 16.02-16.018m-38.2 0c8.847 0 16.019 7.172 16.019 16.019s-7.172 16.019-16.02 16.019c-8.846 0-16.018-7.172-16.018-16.02c0-8.846 7.172-16.018 16.019-16.018M360.74 30.19c.924 0 1.54.616 1.233 1.232v15.712c0 .616-.617 1.232-1.233 1.232h-27.11c-.615 0-1.231-.616-1.231-1.232V31.422c0-.616.616-1.232 1.232-1.232Zm69.006 0c.924 0 1.54.616 1.233 1.232v15.712c0 .616-.617 1.232-1.233 1.232h-27.11c-.615 0-1.231-.616-1.231-1.232V31.422c0-.616.616-1.232 1.232-1.232Z"/></svg>How to use the Twilio icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:twilio" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:twilio" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:twilio" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--twilio]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:twilio"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:twilio"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/twilio.svg" alt="Twilio icon" width="24" height="24">Related icons in SVG Logos
Twilio icon in other icon sets
Twilio icon FAQ
Is the Twilio icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Twilio icon in React?
Install @iconify/react and render <Icon icon="logos:twilio" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Twilio icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/twilio.svg" alt="Twilio icon">, or paste the SVG code inline to style it with CSS.