azureai logo
azureai-color from LobeHub AI Icons by LobeHub · Color · MIT Free for personal and commercial use.
- Name
- azureai-color
- Set
- LobeHub AI Icons
- Style
- Color
- Viewbox
- 24×24
- License
- MIT
2 other variants in LobeHub AI Icons
Use the azureai logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="url(#svgID8)" fill-rule="evenodd" d="M16.233 0c.713 0 1.345.551 1.572 1.329.227.778 1.555 5.59 1.555 5.59v9.562h-4.813L14.645 0h1.588z" clip-rule="evenodd"/><path fill="url(#svgID9)" d="M23.298 7.47c0-.34-.275-.6-.6-.6h-2.835a3.617 3.617 0 00-3.614 3.615v5.996h3.436a3.617 3.617 0 003.613-3.614V7.47z"/><path fill="url(#svgID10)" fill-rule="evenodd" d="M16.233 0a.982.982 0 00-.989.989l-.097 18.198A4.814 4.814 0 0110.334 24H1.6a.597.597 0 01-.567-.794l7-19.981A4.819 4.819 0 0112.57 0h3.679-.016z" clip-rule="evenodd"/><defs><linearGradient id="svgID8" x1="18.242" x2="14.191" y1="16.837" y2=".616" gradientUnits="userSpaceOnUse"><stop stop-color="#712575"/><stop offset=".09" stop-color="#9a2884"/><stop offset=".18" stop-color="#bf2c92"/><stop offset=".27" stop-color="#da2e9c"/><stop offset=".34" stop-color="#eb30a2"/><stop offset=".4" stop-color="#f131a5"/><stop offset=".5" stop-color="#ec30a3"/><stop offset=".61" stop-color="#df2f9e"/><stop offset=".72" stop-color="#c92d96"/><stop offset=".83" stop-color="#aa2a8a"/><stop offset=".95" stop-color="#83267c"/><stop offset="1" stop-color="#712575"/></linearGradient><linearGradient id="svgID9" x1="19.782" x2="19.782" y1=".34" y2="23.222" gradientUnits="userSpaceOnUse"><stop stop-color="#da7ed0"/><stop offset=".08" stop-color="#b17bd5"/><stop offset=".19" stop-color="#8778db"/><stop offset=".3" stop-color="#6276e1"/><stop offset=".41" stop-color="#4574e5"/><stop offset=".54" stop-color="#2e72e8"/><stop offset=".67" stop-color="#1d71eb"/><stop offset=".81" stop-color="#1471ec"/><stop offset="1" stop-color="#1171ed"/></linearGradient><linearGradient id="svgID10" x1="18.404" x2="3.236" y1=".859" y2="25.183" gradientUnits="userSpaceOnUse"><stop stop-color="#da7ed0"/><stop offset=".05" stop-color="#b77bd4"/><stop offset=".11" stop-color="#9079da"/><stop offset=".18" stop-color="#6e77df"/><stop offset=".25" stop-color="#5175e3"/><stop offset=".33" stop-color="#3973e7"/><stop offset=".42" stop-color="#2772e9"/><stop offset=".54" stop-color="#1a71eb"/><stop offset=".68" stop-color="#1371ec"/><stop offset="1" stop-color="#1171ed"/></linearGradient></defs></svg>
React
import type { SVGProps } from "react";
export function LobehubAzureaiColor(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="url(#svgID8)" fillRule="evenodd" d="M16.233 0c.713 0 1.345.551 1.572 1.329.227.778 1.555 5.59 1.555 5.59v9.562h-4.813L14.645 0h1.588z" clipRule="evenodd"/><path fill="url(#svgID9)" d="M23.298 7.47c0-.34-.275-.6-.6-.6h-2.835a3.617 3.617 0 00-3.614 3.615v5.996h3.436a3.617 3.617 0 003.613-3.614V7.47z"/><path fill="url(#svgID10)" fillRule="evenodd" d="M16.233 0a.982.982 0 00-.989.989l-.097 18.198A4.814 4.814 0 0110.334 24H1.6a.597.597 0 01-.567-.794l7-19.981A4.819 4.819 0 0112.57 0h3.679-.016z" clipRule="evenodd"/><defs><linearGradient id="svgID8" x1="18.242" x2="14.191" y1="16.837" y2=".616" gradientUnits="userSpaceOnUse"><stop stopColor="#712575"/><stop offset=".09" stopColor="#9a2884"/><stop offset=".18" stopColor="#bf2c92"/><stop offset=".27" stopColor="#da2e9c"/><stop offset=".34" stopColor="#eb30a2"/><stop offset=".4" stopColor="#f131a5"/><stop offset=".5" stopColor="#ec30a3"/><stop offset=".61" stopColor="#df2f9e"/><stop offset=".72" stopColor="#c92d96"/><stop offset=".83" stopColor="#aa2a8a"/><stop offset=".95" stopColor="#83267c"/><stop offset="1" stopColor="#712575"/></linearGradient><linearGradient id="svgID9" x1="19.782" x2="19.782" y1=".34" y2="23.222" gradientUnits="userSpaceOnUse"><stop stopColor="#da7ed0"/><stop offset=".08" stopColor="#b17bd5"/><stop offset=".19" stopColor="#8778db"/><stop offset=".3" stopColor="#6276e1"/><stop offset=".41" stopColor="#4574e5"/><stop offset=".54" stopColor="#2e72e8"/><stop offset=".67" stopColor="#1d71eb"/><stop offset=".81" stopColor="#1471ec"/><stop offset="1" stopColor="#1171ed"/></linearGradient><linearGradient id="svgID10" x1="18.404" x2="3.236" y1=".859" y2="25.183" gradientUnits="userSpaceOnUse"><stop stopColor="#da7ed0"/><stop offset=".05" stopColor="#b77bd4"/><stop offset=".11" stopColor="#9079da"/><stop offset=".18" stopColor="#6e77df"/><stop offset=".25" stopColor="#5175e3"/><stop offset=".33" stopColor="#3973e7"/><stop offset=".42" stopColor="#2772e9"/><stop offset=".54" stopColor="#1a71eb"/><stop offset=".68" stopColor="#1371ec"/><stop offset="1" stopColor="#1171ed"/></linearGradient></defs></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="url(#svgID8)" fill-rule="evenodd" d="M16.233 0c.713 0 1.345.551 1.572 1.329.227.778 1.555 5.59 1.555 5.59v9.562h-4.813L14.645 0h1.588z" clip-rule="evenodd"/><path fill="url(#svgID9)" d="M23.298 7.47c0-.34-.275-.6-.6-.6h-2.835a3.617 3.617 0 00-3.614 3.615v5.996h3.436a3.617 3.617 0 003.613-3.614V7.47z"/><path fill="url(#svgID10)" fill-rule="evenodd" d="M16.233 0a.982.982 0 00-.989.989l-.097 18.198A4.814 4.814 0 0110.334 24H1.6a.597.597 0 01-.567-.794l7-19.981A4.819 4.819 0 0112.57 0h3.679-.016z" clip-rule="evenodd"/><defs><linearGradient id="svgID8" x1="18.242" x2="14.191" y1="16.837" y2=".616" gradientUnits="userSpaceOnUse"><stop stop-color="#712575"/><stop offset=".09" stop-color="#9a2884"/><stop offset=".18" stop-color="#bf2c92"/><stop offset=".27" stop-color="#da2e9c"/><stop offset=".34" stop-color="#eb30a2"/><stop offset=".4" stop-color="#f131a5"/><stop offset=".5" stop-color="#ec30a3"/><stop offset=".61" stop-color="#df2f9e"/><stop offset=".72" stop-color="#c92d96"/><stop offset=".83" stop-color="#aa2a8a"/><stop offset=".95" stop-color="#83267c"/><stop offset="1" stop-color="#712575"/></linearGradient><linearGradient id="svgID9" x1="19.782" x2="19.782" y1=".34" y2="23.222" gradientUnits="userSpaceOnUse"><stop stop-color="#da7ed0"/><stop offset=".08" stop-color="#b17bd5"/><stop offset=".19" stop-color="#8778db"/><stop offset=".3" stop-color="#6276e1"/><stop offset=".41" stop-color="#4574e5"/><stop offset=".54" stop-color="#2e72e8"/><stop offset=".67" stop-color="#1d71eb"/><stop offset=".81" stop-color="#1471ec"/><stop offset="1" stop-color="#1171ed"/></linearGradient><linearGradient id="svgID10" x1="18.404" x2="3.236" y1=".859" y2="25.183" gradientUnits="userSpaceOnUse"><stop stop-color="#da7ed0"/><stop offset=".05" stop-color="#b77bd4"/><stop offset=".11" stop-color="#9079da"/><stop offset=".18" stop-color="#6e77df"/><stop offset=".25" stop-color="#5175e3"/><stop offset=".33" stop-color="#3973e7"/><stop offset=".42" stop-color="#2772e9"/><stop offset=".54" stop-color="#1a71eb"/><stop offset=".68" stop-color="#1371ec"/><stop offset="1" stop-color="#1171ed"/></linearGradient></defs></svg> </template>
CSS
.icon-azureai-color {
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%22url(%23svgID8)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16.233%200c.713%200%201.345.551%201.572%201.329.227.778%201.555%205.59%201.555%205.59v9.562h-4.813L14.645%200h1.588z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23svgID9)%22%20d%3D%22M23.298%207.47c0-.34-.275-.6-.6-.6h-2.835a3.617%203.617%200%2000-3.614%203.615v5.996h3.436a3.617%203.617%200%20003.613-3.614V7.47z%22%2F%3E%3Cpath%20fill%3D%22url(%23svgID10)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16.233%200a.982.982%200%2000-.989.989l-.097%2018.198A4.814%204.814%200%200110.334%2024H1.6a.597.597%200%2001-.567-.794l7-19.981A4.819%204.819%200%200112.57%200h3.679-.016z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svgID8%22%20x1%3D%2218.242%22%20x2%3D%2214.191%22%20y1%3D%2216.837%22%20y2%3D%22.616%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23712575%22%2F%3E%3Cstop%20offset%3D%22.09%22%20stop-color%3D%22%239a2884%22%2F%3E%3Cstop%20offset%3D%22.18%22%20stop-color%3D%22%23bf2c92%22%2F%3E%3Cstop%20offset%3D%22.27%22%20stop-color%3D%22%23da2e9c%22%2F%3E%3Cstop%20offset%3D%22.34%22%20stop-color%3D%22%23eb30a2%22%2F%3E%3Cstop%20offset%3D%22.4%22%20stop-color%3D%22%23f131a5%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23ec30a3%22%2F%3E%3Cstop%20offset%3D%22.61%22%20stop-color%3D%22%23df2f9e%22%2F%3E%3Cstop%20offset%3D%22.72%22%20stop-color%3D%22%23c92d96%22%2F%3E%3Cstop%20offset%3D%22.83%22%20stop-color%3D%22%23aa2a8a%22%2F%3E%3Cstop%20offset%3D%22.95%22%20stop-color%3D%22%2383267c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23712575%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svgID9%22%20x1%3D%2219.782%22%20x2%3D%2219.782%22%20y1%3D%22.34%22%20y2%3D%2223.222%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23da7ed0%22%2F%3E%3Cstop%20offset%3D%22.08%22%20stop-color%3D%22%23b17bd5%22%2F%3E%3Cstop%20offset%3D%22.19%22%20stop-color%3D%22%238778db%22%2F%3E%3Cstop%20offset%3D%22.3%22%20stop-color%3D%22%236276e1%22%2F%3E%3Cstop%20offset%3D%22.41%22%20stop-color%3D%22%234574e5%22%2F%3E%3Cstop%20offset%3D%22.54%22%20stop-color%3D%22%232e72e8%22%2F%3E%3Cstop%20offset%3D%22.67%22%20stop-color%3D%22%231d71eb%22%2F%3E%3Cstop%20offset%3D%22.81%22%20stop-color%3D%22%231471ec%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231171ed%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svgID10%22%20x1%3D%2218.404%22%20x2%3D%223.236%22%20y1%3D%22.859%22%20y2%3D%2225.183%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23da7ed0%22%2F%3E%3Cstop%20offset%3D%22.05%22%20stop-color%3D%22%23b77bd4%22%2F%3E%3Cstop%20offset%3D%22.11%22%20stop-color%3D%22%239079da%22%2F%3E%3Cstop%20offset%3D%22.18%22%20stop-color%3D%22%236e77df%22%2F%3E%3Cstop%20offset%3D%22.25%22%20stop-color%3D%22%235175e3%22%2F%3E%3Cstop%20offset%3D%22.33%22%20stop-color%3D%22%233973e7%22%2F%3E%3Cstop%20offset%3D%22.42%22%20stop-color%3D%22%232772e9%22%2F%3E%3Cstop%20offset%3D%22.54%22%20stop-color%3D%22%231a71eb%22%2F%3E%3Cstop%20offset%3D%22.68%22%20stop-color%3D%22%231371ec%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231171ed%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%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%22url(%23svgID8)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16.233%200c.713%200%201.345.551%201.572%201.329.227.778%201.555%205.59%201.555%205.59v9.562h-4.813L14.645%200h1.588z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23svgID9)%22%20d%3D%22M23.298%207.47c0-.34-.275-.6-.6-.6h-2.835a3.617%203.617%200%2000-3.614%203.615v5.996h3.436a3.617%203.617%200%20003.613-3.614V7.47z%22%2F%3E%3Cpath%20fill%3D%22url(%23svgID10)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16.233%200a.982.982%200%2000-.989.989l-.097%2018.198A4.814%204.814%200%200110.334%2024H1.6a.597.597%200%2001-.567-.794l7-19.981A4.819%204.819%200%200112.57%200h3.679-.016z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svgID8%22%20x1%3D%2218.242%22%20x2%3D%2214.191%22%20y1%3D%2216.837%22%20y2%3D%22.616%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23712575%22%2F%3E%3Cstop%20offset%3D%22.09%22%20stop-color%3D%22%239a2884%22%2F%3E%3Cstop%20offset%3D%22.18%22%20stop-color%3D%22%23bf2c92%22%2F%3E%3Cstop%20offset%3D%22.27%22%20stop-color%3D%22%23da2e9c%22%2F%3E%3Cstop%20offset%3D%22.34%22%20stop-color%3D%22%23eb30a2%22%2F%3E%3Cstop%20offset%3D%22.4%22%20stop-color%3D%22%23f131a5%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23ec30a3%22%2F%3E%3Cstop%20offset%3D%22.61%22%20stop-color%3D%22%23df2f9e%22%2F%3E%3Cstop%20offset%3D%22.72%22%20stop-color%3D%22%23c92d96%22%2F%3E%3Cstop%20offset%3D%22.83%22%20stop-color%3D%22%23aa2a8a%22%2F%3E%3Cstop%20offset%3D%22.95%22%20stop-color%3D%22%2383267c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23712575%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svgID9%22%20x1%3D%2219.782%22%20x2%3D%2219.782%22%20y1%3D%22.34%22%20y2%3D%2223.222%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23da7ed0%22%2F%3E%3Cstop%20offset%3D%22.08%22%20stop-color%3D%22%23b17bd5%22%2F%3E%3Cstop%20offset%3D%22.19%22%20stop-color%3D%22%238778db%22%2F%3E%3Cstop%20offset%3D%22.3%22%20stop-color%3D%22%236276e1%22%2F%3E%3Cstop%20offset%3D%22.41%22%20stop-color%3D%22%234574e5%22%2F%3E%3Cstop%20offset%3D%22.54%22%20stop-color%3D%22%232e72e8%22%2F%3E%3Cstop%20offset%3D%22.67%22%20stop-color%3D%22%231d71eb%22%2F%3E%3Cstop%20offset%3D%22.81%22%20stop-color%3D%22%231471ec%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231171ed%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svgID10%22%20x1%3D%2218.404%22%20x2%3D%223.236%22%20y1%3D%22.859%22%20y2%3D%2225.183%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23da7ed0%22%2F%3E%3Cstop%20offset%3D%22.05%22%20stop-color%3D%22%23b77bd4%22%2F%3E%3Cstop%20offset%3D%22.11%22%20stop-color%3D%22%239079da%22%2F%3E%3Cstop%20offset%3D%22.18%22%20stop-color%3D%22%236e77df%22%2F%3E%3Cstop%20offset%3D%22.25%22%20stop-color%3D%22%235175e3%22%2F%3E%3Cstop%20offset%3D%22.33%22%20stop-color%3D%22%233973e7%22%2F%3E%3Cstop%20offset%3D%22.42%22%20stop-color%3D%22%232772e9%22%2F%3E%3Cstop%20offset%3D%22.54%22%20stop-color%3D%22%231a71eb%22%2F%3E%3Cstop%20offset%3D%22.68%22%20stop-color%3D%22%231371ec%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231171ed%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/azureai-color.svg?color=%231a73e8&size=48
