udio logo
udio-text from LobeHub AI Icons by LobeHub · Wordmark · MIT Free for personal and commercial use.
- Name
- udio-text
- Set
- LobeHub AI Icons
- Style
- Wordmark
- Viewbox
- 54×24
- License
- MIT
2 other variants in LobeHub AI Icons
Use the udio logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 54 24"><g fill="currentColor" fill-rule="evenodd"><path d="M25.856 7.189c-.883-.69-2.086-1.087-3.396-1.087-3.689 0-6.337 2.864-6.337 6.711 0 3.847 2.646 6.711 6.337 6.711 1.336 0 2.566-.452 3.476-1.194v.928h4.01V0l-4.09 1.01V7.19zm-2.675 8.673c-1.684 0-2.914-1.274-2.914-3.05 0-1.778 1.23-3.052 2.941-3.052 1.711 0 2.887 1.246 2.887 3.051 0 1.805-1.175 3.05-2.914 3.051z" clip-rule="evenodd"/><path d="M36.466 5.96l-4.09 1.011v12.285h4.09V5.96zM32.215 2.36c0-1.247.935-2.229 2.219-2.229 1.283 0 2.192.982 2.192 2.23 0 1.247-.909 2.228-2.192 2.228-1.284 0-2.219-.98-2.219-2.229z"/><path d="M45.133 6.074c-4.064 0-7.111 2.892-7.111 6.711 0 3.82 3.075 6.765 7.11 6.765 4.037 0 7.112-2.918 7.112-6.765 0-3.847-3.075-6.71-7.111-6.71zm0 9.788c-1.737 0-2.94-1.246-2.94-3.05 0-1.806 1.203-3.052 2.94-3.052 1.737 0 2.94 1.22 2.94 3.024 0 1.803-1.175 3.076-2.94 3.076v.002z" clip-rule="evenodd"/><path d="M8.656 15.942c1.23 0 1.978-.796 1.978-2.15V6.365h4.09v7.455c0 3.068-2.03 5.27-5.064 5.663l-3.57-3.541h2.566zM6.09 15.942V20L2 15.942h4.09zM6.09 6.365v9.577L2 11.882V6.365h4.09z"/></g></svg>
React
import type { SVGProps } from "react";
export function LobehubUdioText(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 54 24"><g fill="currentColor" fillRule="evenodd"><path d="M25.856 7.189c-.883-.69-2.086-1.087-3.396-1.087-3.689 0-6.337 2.864-6.337 6.711 0 3.847 2.646 6.711 6.337 6.711 1.336 0 2.566-.452 3.476-1.194v.928h4.01V0l-4.09 1.01V7.19zm-2.675 8.673c-1.684 0-2.914-1.274-2.914-3.05 0-1.778 1.23-3.052 2.941-3.052 1.711 0 2.887 1.246 2.887 3.051 0 1.805-1.175 3.05-2.914 3.051z" clipRule="evenodd"/><path d="M36.466 5.96l-4.09 1.011v12.285h4.09V5.96zM32.215 2.36c0-1.247.935-2.229 2.219-2.229 1.283 0 2.192.982 2.192 2.23 0 1.247-.909 2.228-2.192 2.228-1.284 0-2.219-.98-2.219-2.229z"/><path d="M45.133 6.074c-4.064 0-7.111 2.892-7.111 6.711 0 3.82 3.075 6.765 7.11 6.765 4.037 0 7.112-2.918 7.112-6.765 0-3.847-3.075-6.71-7.111-6.71zm0 9.788c-1.737 0-2.94-1.246-2.94-3.05 0-1.806 1.203-3.052 2.94-3.052 1.737 0 2.94 1.22 2.94 3.024 0 1.803-1.175 3.076-2.94 3.076v.002z" clipRule="evenodd"/><path d="M8.656 15.942c1.23 0 1.978-.796 1.978-2.15V6.365h4.09v7.455c0 3.068-2.03 5.27-5.064 5.663l-3.57-3.541h2.566zM6.09 15.942V20L2 15.942h4.09zM6.09 6.365v9.577L2 11.882V6.365h4.09z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 54 24"><g fill="currentColor" fill-rule="evenodd"><path d="M25.856 7.189c-.883-.69-2.086-1.087-3.396-1.087-3.689 0-6.337 2.864-6.337 6.711 0 3.847 2.646 6.711 6.337 6.711 1.336 0 2.566-.452 3.476-1.194v.928h4.01V0l-4.09 1.01V7.19zm-2.675 8.673c-1.684 0-2.914-1.274-2.914-3.05 0-1.778 1.23-3.052 2.941-3.052 1.711 0 2.887 1.246 2.887 3.051 0 1.805-1.175 3.05-2.914 3.051z" clip-rule="evenodd"/><path d="M36.466 5.96l-4.09 1.011v12.285h4.09V5.96zM32.215 2.36c0-1.247.935-2.229 2.219-2.229 1.283 0 2.192.982 2.192 2.23 0 1.247-.909 2.228-2.192 2.228-1.284 0-2.219-.98-2.219-2.229z"/><path d="M45.133 6.074c-4.064 0-7.111 2.892-7.111 6.711 0 3.82 3.075 6.765 7.11 6.765 4.037 0 7.112-2.918 7.112-6.765 0-3.847-3.075-6.71-7.111-6.71zm0 9.788c-1.737 0-2.94-1.246-2.94-3.05 0-1.806 1.203-3.052 2.94-3.052 1.737 0 2.94 1.22 2.94 3.024 0 1.803-1.175 3.076-2.94 3.076v.002z" clip-rule="evenodd"/><path d="M8.656 15.942c1.23 0 1.978-.796 1.978-2.15V6.365h4.09v7.455c0 3.068-2.03 5.27-5.064 5.663l-3.57-3.541h2.566zM6.09 15.942V20L2 15.942h4.09zM6.09 6.365v9.577L2 11.882V6.365h4.09z"/></g></svg> </template>
CSS
.icon-udio-text {
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%2054%2024%22%3E%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M25.856%207.189c-.883-.69-2.086-1.087-3.396-1.087-3.689%200-6.337%202.864-6.337%206.711%200%203.847%202.646%206.711%206.337%206.711%201.336%200%202.566-.452%203.476-1.194v.928h4.01V0l-4.09%201.01V7.19zm-2.675%208.673c-1.684%200-2.914-1.274-2.914-3.05%200-1.778%201.23-3.052%202.941-3.052%201.711%200%202.887%201.246%202.887%203.051%200%201.805-1.175%203.05-2.914%203.051z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M36.466%205.96l-4.09%201.011v12.285h4.09V5.96zM32.215%202.36c0-1.247.935-2.229%202.219-2.229%201.283%200%202.192.982%202.192%202.23%200%201.247-.909%202.228-2.192%202.228-1.284%200-2.219-.98-2.219-2.229z%22%2F%3E%3Cpath%20d%3D%22M45.133%206.074c-4.064%200-7.111%202.892-7.111%206.711%200%203.82%203.075%206.765%207.11%206.765%204.037%200%207.112-2.918%207.112-6.765%200-3.847-3.075-6.71-7.111-6.71zm0%209.788c-1.737%200-2.94-1.246-2.94-3.05%200-1.806%201.203-3.052%202.94-3.052%201.737%200%202.94%201.22%202.94%203.024%200%201.803-1.175%203.076-2.94%203.076v.002z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M8.656%2015.942c1.23%200%201.978-.796%201.978-2.15V6.365h4.09v7.455c0%203.068-2.03%205.27-5.064%205.663l-3.57-3.541h2.566zM6.09%2015.942V20L2%2015.942h4.09zM6.09%206.365v9.577L2%2011.882V6.365h4.09z%22%2F%3E%3C%2Fg%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%2054%2024%22%3E%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M25.856%207.189c-.883-.69-2.086-1.087-3.396-1.087-3.689%200-6.337%202.864-6.337%206.711%200%203.847%202.646%206.711%206.337%206.711%201.336%200%202.566-.452%203.476-1.194v.928h4.01V0l-4.09%201.01V7.19zm-2.675%208.673c-1.684%200-2.914-1.274-2.914-3.05%200-1.778%201.23-3.052%202.941-3.052%201.711%200%202.887%201.246%202.887%203.051%200%201.805-1.175%203.05-2.914%203.051z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M36.466%205.96l-4.09%201.011v12.285h4.09V5.96zM32.215%202.36c0-1.247.935-2.229%202.219-2.229%201.283%200%202.192.982%202.192%202.23%200%201.247-.909%202.228-2.192%202.228-1.284%200-2.219-.98-2.219-2.229z%22%2F%3E%3Cpath%20d%3D%22M45.133%206.074c-4.064%200-7.111%202.892-7.111%206.711%200%203.82%203.075%206.765%207.11%206.765%204.037%200%207.112-2.918%207.112-6.765%200-3.847-3.075-6.71-7.111-6.71zm0%209.788c-1.737%200-2.94-1.246-2.94-3.05%200-1.806%201.203-3.052%202.94-3.052%201.737%200%202.94%201.22%202.94%203.024%200%201.803-1.175%203.076-2.94%203.076v.002z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M8.656%2015.942c1.23%200%201.978-.796%201.978-2.15V6.365h4.09v7.455c0%203.068-2.03%205.27-5.064%205.663l-3.57-3.541h2.566zM6.09%2015.942V20L2%2015.942h4.09zM6.09%206.365v9.577L2%2011.882V6.365h4.09z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/udio-text.svg?color=%231a73e8&size=48
