dalle logo
dalle-text from LobeHub AI Icons by LobeHub · Wordmark · MIT Free for personal and commercial use.
- Name
- dalle-text
- Set
- LobeHub AI Icons
- Style
- Wordmark
- Viewbox
- 85×24
- License
- MIT
2 other variants in LobeHub AI Icons
Use the dalle logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 85 24"><path fill="currentColor" fill-rule="evenodd" d="M8.147 2c1.438 0 2.75.225 3.937.676 1.186.45 2.21 1.099 3.074 1.946a8.625 8.625 0 011.927 3.094c.44 1.198.66 2.527.66 3.987s-.22 2.788-.66 3.986a8.625 8.625 0 01-1.927 3.095 8.778 8.778 0 01-3.074 1.946c-1.187.45-2.499.675-3.937.675H2V2h6.147zm19.898 0l7.469 19.405h-2.615l-1.969-5.108H22.25l-1.942 5.108H17.72L25.187 2h2.858zM8.12 4.243H4.534v14.92h3.613c2.175 0 3.896-.672 5.164-2.014 1.267-1.343 1.9-3.158 1.9-5.446 0-2.289-.633-4.104-1.9-5.446-1.268-1.343-2.998-2.014-5.19-2.014zm18.442.676l-3.45 9.108h6.956l-3.506-9.108zm23.215 16.486H37.536V2h2.588v17.135h9.653v2.27zM54.414 2v17.135h9.653v2.27H51.826V2h2.588zm12.619 9.946v3.19h-3.074v-3.19h3.074zm2.965 9.46V2h12.646v2.27H72.56v5.973h8.547v2.27H72.56v6.622h10.084v2.27H69.998z"/></svg>
React
import type { SVGProps } from "react";
export function LobehubDalleText(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 85 24"><path fill="currentColor" fillRule="evenodd" d="M8.147 2c1.438 0 2.75.225 3.937.676 1.186.45 2.21 1.099 3.074 1.946a8.625 8.625 0 011.927 3.094c.44 1.198.66 2.527.66 3.987s-.22 2.788-.66 3.986a8.625 8.625 0 01-1.927 3.095 8.778 8.778 0 01-3.074 1.946c-1.187.45-2.499.675-3.937.675H2V2h6.147zm19.898 0l7.469 19.405h-2.615l-1.969-5.108H22.25l-1.942 5.108H17.72L25.187 2h2.858zM8.12 4.243H4.534v14.92h3.613c2.175 0 3.896-.672 5.164-2.014 1.267-1.343 1.9-3.158 1.9-5.446 0-2.289-.633-4.104-1.9-5.446-1.268-1.343-2.998-2.014-5.19-2.014zm18.442.676l-3.45 9.108h6.956l-3.506-9.108zm23.215 16.486H37.536V2h2.588v17.135h9.653v2.27zM54.414 2v17.135h9.653v2.27H51.826V2h2.588zm12.619 9.946v3.19h-3.074v-3.19h3.074zm2.965 9.46V2h12.646v2.27H72.56v5.973h8.547v2.27H72.56v6.622h10.084v2.27H69.998z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 85 24"><path fill="currentColor" fill-rule="evenodd" d="M8.147 2c1.438 0 2.75.225 3.937.676 1.186.45 2.21 1.099 3.074 1.946a8.625 8.625 0 011.927 3.094c.44 1.198.66 2.527.66 3.987s-.22 2.788-.66 3.986a8.625 8.625 0 01-1.927 3.095 8.778 8.778 0 01-3.074 1.946c-1.187.45-2.499.675-3.937.675H2V2h6.147zm19.898 0l7.469 19.405h-2.615l-1.969-5.108H22.25l-1.942 5.108H17.72L25.187 2h2.858zM8.12 4.243H4.534v14.92h3.613c2.175 0 3.896-.672 5.164-2.014 1.267-1.343 1.9-3.158 1.9-5.446 0-2.289-.633-4.104-1.9-5.446-1.268-1.343-2.998-2.014-5.19-2.014zm18.442.676l-3.45 9.108h6.956l-3.506-9.108zm23.215 16.486H37.536V2h2.588v17.135h9.653v2.27zM54.414 2v17.135h9.653v2.27H51.826V2h2.588zm12.619 9.946v3.19h-3.074v-3.19h3.074zm2.965 9.46V2h12.646v2.27H72.56v5.973h8.547v2.27H72.56v6.622h10.084v2.27H69.998z"/></svg> </template>
CSS
.icon-dalle-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%2085%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.147%202c1.438%200%202.75.225%203.937.676%201.186.45%202.21%201.099%203.074%201.946a8.625%208.625%200%20011.927%203.094c.44%201.198.66%202.527.66%203.987s-.22%202.788-.66%203.986a8.625%208.625%200%2001-1.927%203.095%208.778%208.778%200%2001-3.074%201.946c-1.187.45-2.499.675-3.937.675H2V2h6.147zm19.898%200l7.469%2019.405h-2.615l-1.969-5.108H22.25l-1.942%205.108H17.72L25.187%202h2.858zM8.12%204.243H4.534v14.92h3.613c2.175%200%203.896-.672%205.164-2.014%201.267-1.343%201.9-3.158%201.9-5.446%200-2.289-.633-4.104-1.9-5.446-1.268-1.343-2.998-2.014-5.19-2.014zm18.442.676l-3.45%209.108h6.956l-3.506-9.108zm23.215%2016.486H37.536V2h2.588v17.135h9.653v2.27zM54.414%202v17.135h9.653v2.27H51.826V2h2.588zm12.619%209.946v3.19h-3.074v-3.19h3.074zm2.965%209.46V2h12.646v2.27H72.56v5.973h8.547v2.27H72.56v6.622h10.084v2.27H69.998z%22%2F%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%2085%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.147%202c1.438%200%202.75.225%203.937.676%201.186.45%202.21%201.099%203.074%201.946a8.625%208.625%200%20011.927%203.094c.44%201.198.66%202.527.66%203.987s-.22%202.788-.66%203.986a8.625%208.625%200%2001-1.927%203.095%208.778%208.778%200%2001-3.074%201.946c-1.187.45-2.499.675-3.937.675H2V2h6.147zm19.898%200l7.469%2019.405h-2.615l-1.969-5.108H22.25l-1.942%205.108H17.72L25.187%202h2.858zM8.12%204.243H4.534v14.92h3.613c2.175%200%203.896-.672%205.164-2.014%201.267-1.343%201.9-3.158%201.9-5.446%200-2.289-.633-4.104-1.9-5.446-1.268-1.343-2.998-2.014-5.19-2.014zm18.442.676l-3.45%209.108h6.956l-3.506-9.108zm23.215%2016.486H37.536V2h2.588v17.135h9.653v2.27zM54.414%202v17.135h9.653v2.27H51.826V2h2.588zm12.619%209.946v3.19h-3.074v-3.19h3.074zm2.965%209.46V2h12.646v2.27H72.56v5.973h8.547v2.27H72.56v6.622h10.084v2.27H69.998z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/dalle-text.svg?color=%231a73e8&size=48
