volcengine logo
volcengine from LobeHub AI Icons by LobeHub · Mono · MIT Free for personal and commercial use.
- Name
- volcengine
- Set
- LobeHub AI Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
2 other variants in LobeHub AI Icons
Use the volcengine logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd"><path fill-opacity=".5" d="M7.29 5.36L3.148 21.737a.215.215 0 00.203.261h8.29a.214.214 0 00.215-.261L7.7 5.359a.214.214 0 00-.41 0z"/><path d="M4.553 16.18l-1.406 5.558a.214.214 0 00.203.261h2.42-4.551a.214.214 0 01-.214-.26l2.275-8.961a.214.214 0 01.409 0l.864 3.402z" clip-rule="evenodd"/><path fill-opacity=".5" d="M14.44.15a.214.214 0 00-.41 0L8.366 21.739a.214.214 0 00.214.261H19.9a.214.214 0 00.215-.261L14.44.151z"/><path d="M16.694 22h3.207a.215.215 0 00.214-.262l-1.839-6.993 1.164-4.592a.214.214 0 01.411 0l2.951 11.586a.214.214 0 01-.214.261h-5.894z" clip-rule="evenodd"/><path d="M10.278 7.741L6.685 21.736a.214.214 0 00.214.264h7.17a.216.216 0 00.214-.166.216.216 0 000-.098L10.687 7.742a.214.214 0 00-.409 0z"/></g></svg>
React
import type { SVGProps } from "react";
export function LobehubVolcengine(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fillRule="evenodd"><path fillOpacity=".5" d="M7.29 5.36L3.148 21.737a.215.215 0 00.203.261h8.29a.214.214 0 00.215-.261L7.7 5.359a.214.214 0 00-.41 0z"/><path d="M4.553 16.18l-1.406 5.558a.214.214 0 00.203.261h2.42-4.551a.214.214 0 01-.214-.26l2.275-8.961a.214.214 0 01.409 0l.864 3.402z" clipRule="evenodd"/><path fillOpacity=".5" d="M14.44.15a.214.214 0 00-.41 0L8.366 21.739a.214.214 0 00.214.261H19.9a.214.214 0 00.215-.261L14.44.151z"/><path d="M16.694 22h3.207a.215.215 0 00.214-.262l-1.839-6.993 1.164-4.592a.214.214 0 01.411 0l2.951 11.586a.214.214 0 01-.214.261h-5.894z" clipRule="evenodd"/><path d="M10.278 7.741L6.685 21.736a.214.214 0 00.214.264h7.17a.216.216 0 00.214-.166.216.216 0 000-.098L10.687 7.742a.214.214 0 00-.409 0z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd"><path fill-opacity=".5" d="M7.29 5.36L3.148 21.737a.215.215 0 00.203.261h8.29a.214.214 0 00.215-.261L7.7 5.359a.214.214 0 00-.41 0z"/><path d="M4.553 16.18l-1.406 5.558a.214.214 0 00.203.261h2.42-4.551a.214.214 0 01-.214-.26l2.275-8.961a.214.214 0 01.409 0l.864 3.402z" clip-rule="evenodd"/><path fill-opacity=".5" d="M14.44.15a.214.214 0 00-.41 0L8.366 21.739a.214.214 0 00.214.261H19.9a.214.214 0 00.215-.261L14.44.151z"/><path d="M16.694 22h3.207a.215.215 0 00.214-.262l-1.839-6.993 1.164-4.592a.214.214 0 01.411 0l2.951 11.586a.214.214 0 01-.214.261h-5.894z" clip-rule="evenodd"/><path d="M10.278 7.741L6.685 21.736a.214.214 0 00.214.264h7.17a.216.216 0 00.214-.166.216.216 0 000-.098L10.687 7.742a.214.214 0 00-.409 0z"/></g></svg> </template>
CSS
.icon-volcengine {
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%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill-opacity%3D%22.5%22%20d%3D%22M7.29%205.36L3.148%2021.737a.215.215%200%2000.203.261h8.29a.214.214%200%2000.215-.261L7.7%205.359a.214.214%200%2000-.41%200z%22%2F%3E%3Cpath%20d%3D%22M4.553%2016.18l-1.406%205.558a.214.214%200%2000.203.261h2.42-4.551a.214.214%200%2001-.214-.26l2.275-8.961a.214.214%200%2001.409%200l.864%203.402z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill-opacity%3D%22.5%22%20d%3D%22M14.44.15a.214.214%200%2000-.41%200L8.366%2021.739a.214.214%200%2000.214.261H19.9a.214.214%200%2000.215-.261L14.44.151z%22%2F%3E%3Cpath%20d%3D%22M16.694%2022h3.207a.215.215%200%2000.214-.262l-1.839-6.993%201.164-4.592a.214.214%200%2001.411%200l2.951%2011.586a.214.214%200%2001-.214.261h-5.894z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M10.278%207.741L6.685%2021.736a.214.214%200%2000.214.264h7.17a.216.216%200%2000.214-.166.216.216%200%20000-.098L10.687%207.742a.214.214%200%2000-.409%200z%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill-opacity%3D%22.5%22%20d%3D%22M7.29%205.36L3.148%2021.737a.215.215%200%2000.203.261h8.29a.214.214%200%2000.215-.261L7.7%205.359a.214.214%200%2000-.41%200z%22%2F%3E%3Cpath%20d%3D%22M4.553%2016.18l-1.406%205.558a.214.214%200%2000.203.261h2.42-4.551a.214.214%200%2001-.214-.26l2.275-8.961a.214.214%200%2001.409%200l.864%203.402z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill-opacity%3D%22.5%22%20d%3D%22M14.44.15a.214.214%200%2000-.41%200L8.366%2021.739a.214.214%200%2000.214.261H19.9a.214.214%200%2000.215-.261L14.44.151z%22%2F%3E%3Cpath%20d%3D%22M16.694%2022h3.207a.215.215%200%2000.214-.262l-1.839-6.993%201.164-4.592a.214.214%200%2001.411%200l2.951%2011.586a.214.214%200%2001-.214.261h-5.894z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M10.278%207.741L6.685%2021.736a.214.214%200%2000.214.264h7.17a.216.216%200%2000.214-.166.216.216%200%20000-.098L10.687%207.742a.214.214%200%2000-.409%200z%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/volcengine.svg?color=%231a73e8&size=48
