bing logo
bing-color from LobeHub AI Icons by LobeHub · Color · MIT Free for personal and commercial use.
- Name
- bing-color
- Set
- LobeHub AI Icons
- Style
- Color
- Viewbox
- 24×24
- License
- MIT
2 other variants in LobeHub AI Icons
The same logo in other sets
All bing icons →Use the bing logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="url(#svgID2)" d="M11.97 7.569a.92.92 0 00-.805.863c-.013.195-.01.209.43 1.347 1 2.59 1.242 3.214 1.283 3.302.099.213.237.413.41.592.134.138.222.212.37.311.26.176.39.224 1.405.527.989.295 1.529.49 1.994.723.603.302 1.024.644 1.29 1.051.191.292.36.815.434 1.342.029.206.029.661 0 .847a2.491 2.491 0 01-.376 1.026c-.1.151-.065.126.081-.058.415-.52.838-1.408 1.054-2.213a6.728 6.728 0 00.102-3.012 6.626 6.626 0 00-3.291-4.53 104.157 104.157 0 00-1.322-.698l-.254-.133a737.941 737.941 0 01-1.575-.827c-.548-.29-.78-.406-.846-.426a1.376 1.376 0 00-.29-.045l-.093.01z"/><path fill="url(#svgID3)" d="M13.164 17.24a4.385 4.385 0 00-.202.125 511.45 511.45 0 00-1.795 1.115 163.087 163.087 0 01-.989.614l-.463.288a99.198 99.198 0 01-1.502.941c-.326.2-.704.334-1.09.387-.18.024-.52.024-.7 0a2.807 2.807 0 01-1.318-.538 3.665 3.665 0 01-.543-.545 2.837 2.837 0 01-.506-1.141 2.161 2.161 0 00-.041-.182c-.008-.008.006.138.032.33.027.199.085.487.147.733.482 1.907 1.85 3.457 3.705 4.195a6.31 6.31 0 001.658.412c.22.025.844.035 1.074.017 1.054-.08 1.972-.393 2.913-.992a325.28 325.28 0 01.937-.596l.384-.244.684-.435.234-.149.009-.005.025-.017.013-.007.172-.11.597-.38c.76-.481.987-.65 1.34-.998.148-.146.37-.394.381-.425.002-.007.042-.068.088-.136a2.49 2.49 0 00.373-1.023 4.181 4.181 0 000-.847 4.336 4.336 0 00-.318-1.137c-.224-.472-.7-.9-1.383-1.245a2.972 2.972 0 00-.406-.181c-.01 0-.646.392-1.413.87a7089.171 7089.171 0 00-1.658 1.031l-.439.274z"/><path fill="url(#svgID4)" d="M4.003 14.946l.004 3.33.042.193c.134.604.366 1.04.77 1.445a2.701 2.701 0 001.955.814c.536 0 1-.135 1.479-.43l.703-.435.556-.346V8.003c0-2.306-.004-3.675-.012-3.782a2.734 2.734 0 00-.797-1.765c-.145-.144-.268-.24-.637-.496A1780.102 1780.102 0 015.762.362C5.406.115 5.38.098 5.271.059a.943.943 0 00-1.254.696C4.003.818 4 1.659 4 6.223v5.394H4l.003 3.329z"/><defs><radialGradient id="svgID2" cx="93.717%" cy="77.818%" r="143.691%" fx="93.717%" fy="77.818%" gradientTransform="matrix(-.65226 -.54167 .758 -.4661 .958 1.648)"><stop offset="0%" stop-color="#00cacc"/><stop offset="100%" stop-color="#048fce"/></radialGradient><radialGradient id="svgID3" cx="13.893%" cy="71.448%" r="149.21%" fx="13.893%" fy="71.448%" gradientTransform="matrix(.55476 -.39619 .23938 .91817 -.11 .113)"><stop offset="0%" stop-color="#00bbec"/><stop offset="100%" stop-color="#2756a9"/></radialGradient><linearGradient id="svgID4" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#00bbec"/><stop offset="100%" stop-color="#2756a9"/></linearGradient></defs></svg>
React
import type { SVGProps } from "react";
export function LobehubBingColor(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(#svgID2)" d="M11.97 7.569a.92.92 0 00-.805.863c-.013.195-.01.209.43 1.347 1 2.59 1.242 3.214 1.283 3.302.099.213.237.413.41.592.134.138.222.212.37.311.26.176.39.224 1.405.527.989.295 1.529.49 1.994.723.603.302 1.024.644 1.29 1.051.191.292.36.815.434 1.342.029.206.029.661 0 .847a2.491 2.491 0 01-.376 1.026c-.1.151-.065.126.081-.058.415-.52.838-1.408 1.054-2.213a6.728 6.728 0 00.102-3.012 6.626 6.626 0 00-3.291-4.53 104.157 104.157 0 00-1.322-.698l-.254-.133a737.941 737.941 0 01-1.575-.827c-.548-.29-.78-.406-.846-.426a1.376 1.376 0 00-.29-.045l-.093.01z"/><path fill="url(#svgID3)" d="M13.164 17.24a4.385 4.385 0 00-.202.125 511.45 511.45 0 00-1.795 1.115 163.087 163.087 0 01-.989.614l-.463.288a99.198 99.198 0 01-1.502.941c-.326.2-.704.334-1.09.387-.18.024-.52.024-.7 0a2.807 2.807 0 01-1.318-.538 3.665 3.665 0 01-.543-.545 2.837 2.837 0 01-.506-1.141 2.161 2.161 0 00-.041-.182c-.008-.008.006.138.032.33.027.199.085.487.147.733.482 1.907 1.85 3.457 3.705 4.195a6.31 6.31 0 001.658.412c.22.025.844.035 1.074.017 1.054-.08 1.972-.393 2.913-.992a325.28 325.28 0 01.937-.596l.384-.244.684-.435.234-.149.009-.005.025-.017.013-.007.172-.11.597-.38c.76-.481.987-.65 1.34-.998.148-.146.37-.394.381-.425.002-.007.042-.068.088-.136a2.49 2.49 0 00.373-1.023 4.181 4.181 0 000-.847 4.336 4.336 0 00-.318-1.137c-.224-.472-.7-.9-1.383-1.245a2.972 2.972 0 00-.406-.181c-.01 0-.646.392-1.413.87a7089.171 7089.171 0 00-1.658 1.031l-.439.274z"/><path fill="url(#svgID4)" d="M4.003 14.946l.004 3.33.042.193c.134.604.366 1.04.77 1.445a2.701 2.701 0 001.955.814c.536 0 1-.135 1.479-.43l.703-.435.556-.346V8.003c0-2.306-.004-3.675-.012-3.782a2.734 2.734 0 00-.797-1.765c-.145-.144-.268-.24-.637-.496A1780.102 1780.102 0 015.762.362C5.406.115 5.38.098 5.271.059a.943.943 0 00-1.254.696C4.003.818 4 1.659 4 6.223v5.394H4l.003 3.329z"/><defs><radialGradient id="svgID2" cx="93.717%" cy="77.818%" r="143.691%" fx="93.717%" fy="77.818%" gradientTransform="matrix(-.65226 -.54167 .758 -.4661 .958 1.648)"><stop offset="0%" stopColor="#00cacc"/><stop offset="100%" stopColor="#048fce"/></radialGradient><radialGradient id="svgID3" cx="13.893%" cy="71.448%" r="149.21%" fx="13.893%" fy="71.448%" gradientTransform="matrix(.55476 -.39619 .23938 .91817 -.11 .113)"><stop offset="0%" stopColor="#00bbec"/><stop offset="100%" stopColor="#2756a9"/></radialGradient><linearGradient id="svgID4" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stopColor="#00bbec"/><stop offset="100%" stopColor="#2756a9"/></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(#svgID2)" d="M11.97 7.569a.92.92 0 00-.805.863c-.013.195-.01.209.43 1.347 1 2.59 1.242 3.214 1.283 3.302.099.213.237.413.41.592.134.138.222.212.37.311.26.176.39.224 1.405.527.989.295 1.529.49 1.994.723.603.302 1.024.644 1.29 1.051.191.292.36.815.434 1.342.029.206.029.661 0 .847a2.491 2.491 0 01-.376 1.026c-.1.151-.065.126.081-.058.415-.52.838-1.408 1.054-2.213a6.728 6.728 0 00.102-3.012 6.626 6.626 0 00-3.291-4.53 104.157 104.157 0 00-1.322-.698l-.254-.133a737.941 737.941 0 01-1.575-.827c-.548-.29-.78-.406-.846-.426a1.376 1.376 0 00-.29-.045l-.093.01z"/><path fill="url(#svgID3)" d="M13.164 17.24a4.385 4.385 0 00-.202.125 511.45 511.45 0 00-1.795 1.115 163.087 163.087 0 01-.989.614l-.463.288a99.198 99.198 0 01-1.502.941c-.326.2-.704.334-1.09.387-.18.024-.52.024-.7 0a2.807 2.807 0 01-1.318-.538 3.665 3.665 0 01-.543-.545 2.837 2.837 0 01-.506-1.141 2.161 2.161 0 00-.041-.182c-.008-.008.006.138.032.33.027.199.085.487.147.733.482 1.907 1.85 3.457 3.705 4.195a6.31 6.31 0 001.658.412c.22.025.844.035 1.074.017 1.054-.08 1.972-.393 2.913-.992a325.28 325.28 0 01.937-.596l.384-.244.684-.435.234-.149.009-.005.025-.017.013-.007.172-.11.597-.38c.76-.481.987-.65 1.34-.998.148-.146.37-.394.381-.425.002-.007.042-.068.088-.136a2.49 2.49 0 00.373-1.023 4.181 4.181 0 000-.847 4.336 4.336 0 00-.318-1.137c-.224-.472-.7-.9-1.383-1.245a2.972 2.972 0 00-.406-.181c-.01 0-.646.392-1.413.87a7089.171 7089.171 0 00-1.658 1.031l-.439.274z"/><path fill="url(#svgID4)" d="M4.003 14.946l.004 3.33.042.193c.134.604.366 1.04.77 1.445a2.701 2.701 0 001.955.814c.536 0 1-.135 1.479-.43l.703-.435.556-.346V8.003c0-2.306-.004-3.675-.012-3.782a2.734 2.734 0 00-.797-1.765c-.145-.144-.268-.24-.637-.496A1780.102 1780.102 0 015.762.362C5.406.115 5.38.098 5.271.059a.943.943 0 00-1.254.696C4.003.818 4 1.659 4 6.223v5.394H4l.003 3.329z"/><defs><radialGradient id="svgID2" cx="93.717%" cy="77.818%" r="143.691%" fx="93.717%" fy="77.818%" gradientTransform="matrix(-.65226 -.54167 .758 -.4661 .958 1.648)"><stop offset="0%" stop-color="#00cacc"/><stop offset="100%" stop-color="#048fce"/></radialGradient><radialGradient id="svgID3" cx="13.893%" cy="71.448%" r="149.21%" fx="13.893%" fy="71.448%" gradientTransform="matrix(.55476 -.39619 .23938 .91817 -.11 .113)"><stop offset="0%" stop-color="#00bbec"/><stop offset="100%" stop-color="#2756a9"/></radialGradient><linearGradient id="svgID4" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#00bbec"/><stop offset="100%" stop-color="#2756a9"/></linearGradient></defs></svg> </template>
CSS
.icon-bing-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(%23svgID2)%22%20d%3D%22M11.97%207.569a.92.92%200%2000-.805.863c-.013.195-.01.209.43%201.347%201%202.59%201.242%203.214%201.283%203.302.099.213.237.413.41.592.134.138.222.212.37.311.26.176.39.224%201.405.527.989.295%201.529.49%201.994.723.603.302%201.024.644%201.29%201.051.191.292.36.815.434%201.342.029.206.029.661%200%20.847a2.491%202.491%200%2001-.376%201.026c-.1.151-.065.126.081-.058.415-.52.838-1.408%201.054-2.213a6.728%206.728%200%2000.102-3.012%206.626%206.626%200%2000-3.291-4.53%20104.157%20104.157%200%2000-1.322-.698l-.254-.133a737.941%20737.941%200%2001-1.575-.827c-.548-.29-.78-.406-.846-.426a1.376%201.376%200%2000-.29-.045l-.093.01z%22%2F%3E%3Cpath%20fill%3D%22url(%23svgID3)%22%20d%3D%22M13.164%2017.24a4.385%204.385%200%2000-.202.125%20511.45%20511.45%200%2000-1.795%201.115%20163.087%20163.087%200%2001-.989.614l-.463.288a99.198%2099.198%200%2001-1.502.941c-.326.2-.704.334-1.09.387-.18.024-.52.024-.7%200a2.807%202.807%200%2001-1.318-.538%203.665%203.665%200%2001-.543-.545%202.837%202.837%200%2001-.506-1.141%202.161%202.161%200%2000-.041-.182c-.008-.008.006.138.032.33.027.199.085.487.147.733.482%201.907%201.85%203.457%203.705%204.195a6.31%206.31%200%20001.658.412c.22.025.844.035%201.074.017%201.054-.08%201.972-.393%202.913-.992a325.28%20325.28%200%2001.937-.596l.384-.244.684-.435.234-.149.009-.005.025-.017.013-.007.172-.11.597-.38c.76-.481.987-.65%201.34-.998.148-.146.37-.394.381-.425.002-.007.042-.068.088-.136a2.49%202.49%200%2000.373-1.023%204.181%204.181%200%20000-.847%204.336%204.336%200%2000-.318-1.137c-.224-.472-.7-.9-1.383-1.245a2.972%202.972%200%2000-.406-.181c-.01%200-.646.392-1.413.87a7089.171%207089.171%200%2000-1.658%201.031l-.439.274z%22%2F%3E%3Cpath%20fill%3D%22url(%23svgID4)%22%20d%3D%22M4.003%2014.946l.004%203.33.042.193c.134.604.366%201.04.77%201.445a2.701%202.701%200%20001.955.814c.536%200%201-.135%201.479-.43l.703-.435.556-.346V8.003c0-2.306-.004-3.675-.012-3.782a2.734%202.734%200%2000-.797-1.765c-.145-.144-.268-.24-.637-.496A1780.102%201780.102%200%20015.762.362C5.406.115%205.38.098%205.271.059a.943.943%200%2000-1.254.696C4.003.818%204%201.659%204%206.223v5.394H4l.003%203.329z%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22svgID2%22%20cx%3D%2293.717%25%22%20cy%3D%2277.818%25%22%20r%3D%22143.691%25%22%20fx%3D%2293.717%25%22%20fy%3D%2277.818%25%22%20gradientTransform%3D%22matrix(-.65226%20-.54167%20.758%20-.4661%20.958%201.648)%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2300cacc%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23048fce%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22svgID3%22%20cx%3D%2213.893%25%22%20cy%3D%2271.448%25%22%20r%3D%22149.21%25%22%20fx%3D%2213.893%25%22%20fy%3D%2271.448%25%22%20gradientTransform%3D%22matrix(.55476%20-.39619%20.23938%20.91817%20-.11%20.113)%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2300bbec%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%232756a9%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20id%3D%22svgID4%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%220%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2300bbec%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%232756a9%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(%23svgID2)%22%20d%3D%22M11.97%207.569a.92.92%200%2000-.805.863c-.013.195-.01.209.43%201.347%201%202.59%201.242%203.214%201.283%203.302.099.213.237.413.41.592.134.138.222.212.37.311.26.176.39.224%201.405.527.989.295%201.529.49%201.994.723.603.302%201.024.644%201.29%201.051.191.292.36.815.434%201.342.029.206.029.661%200%20.847a2.491%202.491%200%2001-.376%201.026c-.1.151-.065.126.081-.058.415-.52.838-1.408%201.054-2.213a6.728%206.728%200%2000.102-3.012%206.626%206.626%200%2000-3.291-4.53%20104.157%20104.157%200%2000-1.322-.698l-.254-.133a737.941%20737.941%200%2001-1.575-.827c-.548-.29-.78-.406-.846-.426a1.376%201.376%200%2000-.29-.045l-.093.01z%22%2F%3E%3Cpath%20fill%3D%22url(%23svgID3)%22%20d%3D%22M13.164%2017.24a4.385%204.385%200%2000-.202.125%20511.45%20511.45%200%2000-1.795%201.115%20163.087%20163.087%200%2001-.989.614l-.463.288a99.198%2099.198%200%2001-1.502.941c-.326.2-.704.334-1.09.387-.18.024-.52.024-.7%200a2.807%202.807%200%2001-1.318-.538%203.665%203.665%200%2001-.543-.545%202.837%202.837%200%2001-.506-1.141%202.161%202.161%200%2000-.041-.182c-.008-.008.006.138.032.33.027.199.085.487.147.733.482%201.907%201.85%203.457%203.705%204.195a6.31%206.31%200%20001.658.412c.22.025.844.035%201.074.017%201.054-.08%201.972-.393%202.913-.992a325.28%20325.28%200%2001.937-.596l.384-.244.684-.435.234-.149.009-.005.025-.017.013-.007.172-.11.597-.38c.76-.481.987-.65%201.34-.998.148-.146.37-.394.381-.425.002-.007.042-.068.088-.136a2.49%202.49%200%2000.373-1.023%204.181%204.181%200%20000-.847%204.336%204.336%200%2000-.318-1.137c-.224-.472-.7-.9-1.383-1.245a2.972%202.972%200%2000-.406-.181c-.01%200-.646.392-1.413.87a7089.171%207089.171%200%2000-1.658%201.031l-.439.274z%22%2F%3E%3Cpath%20fill%3D%22url(%23svgID4)%22%20d%3D%22M4.003%2014.946l.004%203.33.042.193c.134.604.366%201.04.77%201.445a2.701%202.701%200%20001.955.814c.536%200%201-.135%201.479-.43l.703-.435.556-.346V8.003c0-2.306-.004-3.675-.012-3.782a2.734%202.734%200%2000-.797-1.765c-.145-.144-.268-.24-.637-.496A1780.102%201780.102%200%20015.762.362C5.406.115%205.38.098%205.271.059a.943.943%200%2000-1.254.696C4.003.818%204%201.659%204%206.223v5.394H4l.003%203.329z%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22svgID2%22%20cx%3D%2293.717%25%22%20cy%3D%2277.818%25%22%20r%3D%22143.691%25%22%20fx%3D%2293.717%25%22%20fy%3D%2277.818%25%22%20gradientTransform%3D%22matrix(-.65226%20-.54167%20.758%20-.4661%20.958%201.648)%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2300cacc%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23048fce%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22svgID3%22%20cx%3D%2213.893%25%22%20cy%3D%2271.448%25%22%20r%3D%22149.21%25%22%20fx%3D%2213.893%25%22%20fy%3D%2271.448%25%22%20gradientTransform%3D%22matrix(.55476%20-.39619%20.23938%20.91817%20-.11%20.113)%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2300bbec%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%232756a9%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20id%3D%22svgID4%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%220%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2300bbec%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%232756a9%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/bing-color.svg?color=%231a73e8&size=48
