wenxin logo
wenxin-color from LobeHub AI Icons by LobeHub · Color · MIT Free for personal and commercial use.
- Name
- wenxin-color
- Set
- LobeHub AI Icons
- Style
- Color
- Viewbox
- 24×24
- License
- MIT
2 other variants in LobeHub AI Icons
Use the wenxin logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="url(#svgID15)" d="M11.32 1.176a1.4 1.4 0 011.36 0l8.64 4.843c.421.234.68.67.68 1.141v9.68c0 .472-.259.908-.68 1.143l-8.64 4.84a1.4 1.4 0 01-1.36 0l-8.64-4.84A1.31 1.31 0 012 16.84V7.159c0-.471.259-.907.68-1.142l8.64-4.84zm7.42 13.839V8.227L12.002 12 12 19.551l6.059-3.394a1.31 1.31 0 00.68-1.142zM12.68 4.833a1.393 1.393 0 00-1.36 0L5.944 7.846c-.421.235-.68.67-.68 1.142v6.027c0 .47.259.905.68 1.142l2.795 1.566V11.09a1.546 1.546 0 00.221.79 1.527 1.527 0 01-.216-.834l.004-.094.02-.15.018-.084.017-.062.039-.117.062-.142.035-.065.081-.13.094-.122.084-.091.08-.075.125-.1.071-.048.134-.076 5.87-3.29-2.796-1.566z"/><path fill="#012f8d" d="M12 11.088c0-.875-.73-1.584-1.631-1.584a1.66 1.66 0 00-.855.237c-.027.016-.055.033-.08.05a2.361 2.361 0 00-.123.093c-.022.02-.045.038-.066.059l-.048.045-.063.067c-.014.016-.028.031-.04.048a2.303 2.303 0 00-.094.125l-.042.069a1.7 1.7 0 00-.07.13l-.036.081a.764.764 0 00-.022.06c-.01.03-.02.058-.028.087l-.017.062a.883.883 0 00-.03.16c-.002.025-.007.05-.008.074a1.527 1.527 0 00.213.929c.302.508.85.792 1.414.792.277 0 .558-.068.814-.212l.815-.457v-.914L12 11.088z"/><defs><linearGradient id="svgID15" x1="9.155%" x2="90.531%" y1="75.177%" y2="25.028%"><stop offset="0%" stop-color="#0a51c3"/><stop offset="100%" stop-color="#23a4fb"/></linearGradient></defs></svg>
React
import type { SVGProps } from "react";
export function LobehubWenxinColor(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(#svgID15)" d="M11.32 1.176a1.4 1.4 0 011.36 0l8.64 4.843c.421.234.68.67.68 1.141v9.68c0 .472-.259.908-.68 1.143l-8.64 4.84a1.4 1.4 0 01-1.36 0l-8.64-4.84A1.31 1.31 0 012 16.84V7.159c0-.471.259-.907.68-1.142l8.64-4.84zm7.42 13.839V8.227L12.002 12 12 19.551l6.059-3.394a1.31 1.31 0 00.68-1.142zM12.68 4.833a1.393 1.393 0 00-1.36 0L5.944 7.846c-.421.235-.68.67-.68 1.142v6.027c0 .47.259.905.68 1.142l2.795 1.566V11.09a1.546 1.546 0 00.221.79 1.527 1.527 0 01-.216-.834l.004-.094.02-.15.018-.084.017-.062.039-.117.062-.142.035-.065.081-.13.094-.122.084-.091.08-.075.125-.1.071-.048.134-.076 5.87-3.29-2.796-1.566z"/><path fill="#012f8d" d="M12 11.088c0-.875-.73-1.584-1.631-1.584a1.66 1.66 0 00-.855.237c-.027.016-.055.033-.08.05a2.361 2.361 0 00-.123.093c-.022.02-.045.038-.066.059l-.048.045-.063.067c-.014.016-.028.031-.04.048a2.303 2.303 0 00-.094.125l-.042.069a1.7 1.7 0 00-.07.13l-.036.081a.764.764 0 00-.022.06c-.01.03-.02.058-.028.087l-.017.062a.883.883 0 00-.03.16c-.002.025-.007.05-.008.074a1.527 1.527 0 00.213.929c.302.508.85.792 1.414.792.277 0 .558-.068.814-.212l.815-.457v-.914L12 11.088z"/><defs><linearGradient id="svgID15" x1="9.155%" x2="90.531%" y1="75.177%" y2="25.028%"><stop offset="0%" stopColor="#0a51c3"/><stop offset="100%" stopColor="#23a4fb"/></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(#svgID15)" d="M11.32 1.176a1.4 1.4 0 011.36 0l8.64 4.843c.421.234.68.67.68 1.141v9.68c0 .472-.259.908-.68 1.143l-8.64 4.84a1.4 1.4 0 01-1.36 0l-8.64-4.84A1.31 1.31 0 012 16.84V7.159c0-.471.259-.907.68-1.142l8.64-4.84zm7.42 13.839V8.227L12.002 12 12 19.551l6.059-3.394a1.31 1.31 0 00.68-1.142zM12.68 4.833a1.393 1.393 0 00-1.36 0L5.944 7.846c-.421.235-.68.67-.68 1.142v6.027c0 .47.259.905.68 1.142l2.795 1.566V11.09a1.546 1.546 0 00.221.79 1.527 1.527 0 01-.216-.834l.004-.094.02-.15.018-.084.017-.062.039-.117.062-.142.035-.065.081-.13.094-.122.084-.091.08-.075.125-.1.071-.048.134-.076 5.87-3.29-2.796-1.566z"/><path fill="#012f8d" d="M12 11.088c0-.875-.73-1.584-1.631-1.584a1.66 1.66 0 00-.855.237c-.027.016-.055.033-.08.05a2.361 2.361 0 00-.123.093c-.022.02-.045.038-.066.059l-.048.045-.063.067c-.014.016-.028.031-.04.048a2.303 2.303 0 00-.094.125l-.042.069a1.7 1.7 0 00-.07.13l-.036.081a.764.764 0 00-.022.06c-.01.03-.02.058-.028.087l-.017.062a.883.883 0 00-.03.16c-.002.025-.007.05-.008.074a1.527 1.527 0 00.213.929c.302.508.85.792 1.414.792.277 0 .558-.068.814-.212l.815-.457v-.914L12 11.088z"/><defs><linearGradient id="svgID15" x1="9.155%" x2="90.531%" y1="75.177%" y2="25.028%"><stop offset="0%" stop-color="#0a51c3"/><stop offset="100%" stop-color="#23a4fb"/></linearGradient></defs></svg> </template>
CSS
.icon-wenxin-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(%23svgID15)%22%20d%3D%22M11.32%201.176a1.4%201.4%200%20011.36%200l8.64%204.843c.421.234.68.67.68%201.141v9.68c0%20.472-.259.908-.68%201.143l-8.64%204.84a1.4%201.4%200%2001-1.36%200l-8.64-4.84A1.31%201.31%200%20012%2016.84V7.159c0-.471.259-.907.68-1.142l8.64-4.84zm7.42%2013.839V8.227L12.002%2012%2012%2019.551l6.059-3.394a1.31%201.31%200%2000.68-1.142zM12.68%204.833a1.393%201.393%200%2000-1.36%200L5.944%207.846c-.421.235-.68.67-.68%201.142v6.027c0%20.47.259.905.68%201.142l2.795%201.566V11.09a1.546%201.546%200%2000.221.79%201.527%201.527%200%2001-.216-.834l.004-.094.02-.15.018-.084.017-.062.039-.117.062-.142.035-.065.081-.13.094-.122.084-.091.08-.075.125-.1.071-.048.134-.076%205.87-3.29-2.796-1.566z%22%2F%3E%3Cpath%20fill%3D%22%23012f8d%22%20d%3D%22M12%2011.088c0-.875-.73-1.584-1.631-1.584a1.66%201.66%200%2000-.855.237c-.027.016-.055.033-.08.05a2.361%202.361%200%2000-.123.093c-.022.02-.045.038-.066.059l-.048.045-.063.067c-.014.016-.028.031-.04.048a2.303%202.303%200%2000-.094.125l-.042.069a1.7%201.7%200%2000-.07.13l-.036.081a.764.764%200%2000-.022.06c-.01.03-.02.058-.028.087l-.017.062a.883.883%200%2000-.03.16c-.002.025-.007.05-.008.074a1.527%201.527%200%2000.213.929c.302.508.85.792%201.414.792.277%200%20.558-.068.814-.212l.815-.457v-.914L12%2011.088z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svgID15%22%20x1%3D%229.155%25%22%20x2%3D%2290.531%25%22%20y1%3D%2275.177%25%22%20y2%3D%2225.028%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%230a51c3%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2323a4fb%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(%23svgID15)%22%20d%3D%22M11.32%201.176a1.4%201.4%200%20011.36%200l8.64%204.843c.421.234.68.67.68%201.141v9.68c0%20.472-.259.908-.68%201.143l-8.64%204.84a1.4%201.4%200%2001-1.36%200l-8.64-4.84A1.31%201.31%200%20012%2016.84V7.159c0-.471.259-.907.68-1.142l8.64-4.84zm7.42%2013.839V8.227L12.002%2012%2012%2019.551l6.059-3.394a1.31%201.31%200%2000.68-1.142zM12.68%204.833a1.393%201.393%200%2000-1.36%200L5.944%207.846c-.421.235-.68.67-.68%201.142v6.027c0%20.47.259.905.68%201.142l2.795%201.566V11.09a1.546%201.546%200%2000.221.79%201.527%201.527%200%2001-.216-.834l.004-.094.02-.15.018-.084.017-.062.039-.117.062-.142.035-.065.081-.13.094-.122.084-.091.08-.075.125-.1.071-.048.134-.076%205.87-3.29-2.796-1.566z%22%2F%3E%3Cpath%20fill%3D%22%23012f8d%22%20d%3D%22M12%2011.088c0-.875-.73-1.584-1.631-1.584a1.66%201.66%200%2000-.855.237c-.027.016-.055.033-.08.05a2.361%202.361%200%2000-.123.093c-.022.02-.045.038-.066.059l-.048.045-.063.067c-.014.016-.028.031-.04.048a2.303%202.303%200%2000-.094.125l-.042.069a1.7%201.7%200%2000-.07.13l-.036.081a.764.764%200%2000-.022.06c-.01.03-.02.058-.028.087l-.017.062a.883.883%200%2000-.03.16c-.002.025-.007.05-.008.074a1.527%201.527%200%2000.213.929c.302.508.85.792%201.414.792.277%200%20.558-.068.814-.212l.815-.457v-.914L12%2011.088z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svgID15%22%20x1%3D%229.155%25%22%20x2%3D%2290.531%25%22%20y1%3D%2275.177%25%22%20y2%3D%2225.028%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%230a51c3%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2323a4fb%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/wenxin-color.svg?color=%231a73e8&size=48
