ideogram logo
ideogram from LobeHub AI Icons by LobeHub · Mono · MIT Free for personal and commercial use.
- Name
- ideogram
- Set
- LobeHub AI Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
1 other variant in LobeHub AI Icons
Use the ideogram logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M17.768 1.482a6.4 6.4 0 012.988 3.78c.19.068.377.154.555.257.026.015.05.03.073.047.226.137.436.301.627.49a3.377 3.377 0 01-.105 4.875 3.376 3.376 0 01-.216 5.158l-.037.029.021.032c.39.602.585 1.324.534 2.065l-.009.11a3.377 3.377 0 01-4.658 2.777 3.377 3.377 0 01-5.846.971 4.052 4.052 0 01-1.635.397c-.04.005-.082.008-.125.008h-.897l-.068-.003c-1.116-.067-1.093-1.775.068-1.775h.804l.046-.004.047-.001a2.3 2.3 0 00.079-4.6.735.735 0 01-.08.005H2.808a.889.889 0 010-1.778h7.034l.046-.004.048-.001a2.3 2.3 0 00.509-4.544l-.141-.031a2.188 2.188 0 00-.299-.046.759.759 0 01-.07.003H2.808a.889.889 0 110-1.777h7.035l.046-.004.047-.001a2.3 2.3 0 00.087-4.6.972.972 0 01-.087.004h-.897L8.97 3.32c-1.116-.067-1.093-1.775.068-1.775h.8a.9.9 0 01.097-.005c.402 0 .79.058 1.157.166l.031-.02a6.399 6.399 0 016.645-.203zm-3.737 11.484l-.068.036-.083.051a4.08 4.08 0 01-1.404 2.153 4.07 4.07 0 011.537 3.189 4.06 4.06 0 01-.92 2.579 1.599 1.599 0 002.824-1.322l-.03-.124-.013-.079-.005-.056-.001-.042.001-.058.005-.053.013-.078.018-.072.022-.064.035-.079.005-.01a.869.869 0 01.158-.217l.055-.052.041-.032.05-.035.042-.026.055-.03.073-.03.056-.02.04-.011.078-.016.073-.009.045-.002h.048l.041.002.058.006.056.01.062.015.031.01.049.017.054.023.044.021.053.031.035.023c.06.042.114.09.163.147l.038.046.034.048a1.6 1.6 0 102.4-2.07 3.256 3.256 0 01-.473.007l-.057-.005-.026-.005h-.016a3.376 3.376 0 01-2.985-2.568l-.026-.116a1.6 1.6 0 00-2.285-1.133zm-4.416 4.595a.889.889 0 110 1.777H5.939a.889.889 0 010-1.777h3.676zm9.208-10.503a1.6 1.6 0 00-.797 1.3l-.002.085a.889.889 0 01-.83.887l-.059.002a.889.889 0 01-.887-.83l-.002-.059a1.6 1.6 0 00-2.528-1.301 4.089 4.089 0 01-1.255 1.674 4.083 4.083 0 011.451 2.308 3.374 3.374 0 014.125 2.532l.02.093a1.6 1.6 0 001.395 1.26l.124.01.042.002c.06 0 .12-.003.18-.01l.085-.011.062-.015a1.6 1.6 0 00-.245-3.163l-.079-.002a.887.887 0 01-.683-.32l-.034-.044a.884.884 0 01-.154-.702.889.889 0 01.807-.71l.064-.001a1.6 1.6 0 001.134-2.728 1.6 1.6 0 00-.786-.426l-.102-.019a.856.856 0 01-.076-.016 1.592 1.592 0 00-.97.204zm-9.199 4.08a.889.889 0 010 1.778H.89a.889.889 0 010-1.777h8.735zm-.01-6.432a.889.889 0 110 1.777H5.94a.889.889 0 110-1.777h3.676zm3.297-1.954l-.053.021a4.065 4.065 0 011.126 2.36 3.375 3.375 0 013.151 1.027 3.366 3.366 0 011.695-1 4.621 4.621 0 00-5.919-2.408z"/></svg>
React
import type { SVGProps } from "react";
export function LobehubIdeogram(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M17.768 1.482a6.4 6.4 0 012.988 3.78c.19.068.377.154.555.257.026.015.05.03.073.047.226.137.436.301.627.49a3.377 3.377 0 01-.105 4.875 3.376 3.376 0 01-.216 5.158l-.037.029.021.032c.39.602.585 1.324.534 2.065l-.009.11a3.377 3.377 0 01-4.658 2.777 3.377 3.377 0 01-5.846.971 4.052 4.052 0 01-1.635.397c-.04.005-.082.008-.125.008h-.897l-.068-.003c-1.116-.067-1.093-1.775.068-1.775h.804l.046-.004.047-.001a2.3 2.3 0 00.079-4.6.735.735 0 01-.08.005H2.808a.889.889 0 010-1.778h7.034l.046-.004.048-.001a2.3 2.3 0 00.509-4.544l-.141-.031a2.188 2.188 0 00-.299-.046.759.759 0 01-.07.003H2.808a.889.889 0 110-1.777h7.035l.046-.004.047-.001a2.3 2.3 0 00.087-4.6.972.972 0 01-.087.004h-.897L8.97 3.32c-1.116-.067-1.093-1.775.068-1.775h.8a.9.9 0 01.097-.005c.402 0 .79.058 1.157.166l.031-.02a6.399 6.399 0 016.645-.203zm-3.737 11.484l-.068.036-.083.051a4.08 4.08 0 01-1.404 2.153 4.07 4.07 0 011.537 3.189 4.06 4.06 0 01-.92 2.579 1.599 1.599 0 002.824-1.322l-.03-.124-.013-.079-.005-.056-.001-.042.001-.058.005-.053.013-.078.018-.072.022-.064.035-.079.005-.01a.869.869 0 01.158-.217l.055-.052.041-.032.05-.035.042-.026.055-.03.073-.03.056-.02.04-.011.078-.016.073-.009.045-.002h.048l.041.002.058.006.056.01.062.015.031.01.049.017.054.023.044.021.053.031.035.023c.06.042.114.09.163.147l.038.046.034.048a1.6 1.6 0 102.4-2.07 3.256 3.256 0 01-.473.007l-.057-.005-.026-.005h-.016a3.376 3.376 0 01-2.985-2.568l-.026-.116a1.6 1.6 0 00-2.285-1.133zm-4.416 4.595a.889.889 0 110 1.777H5.939a.889.889 0 010-1.777h3.676zm9.208-10.503a1.6 1.6 0 00-.797 1.3l-.002.085a.889.889 0 01-.83.887l-.059.002a.889.889 0 01-.887-.83l-.002-.059a1.6 1.6 0 00-2.528-1.301 4.089 4.089 0 01-1.255 1.674 4.083 4.083 0 011.451 2.308 3.374 3.374 0 014.125 2.532l.02.093a1.6 1.6 0 001.395 1.26l.124.01.042.002c.06 0 .12-.003.18-.01l.085-.011.062-.015a1.6 1.6 0 00-.245-3.163l-.079-.002a.887.887 0 01-.683-.32l-.034-.044a.884.884 0 01-.154-.702.889.889 0 01.807-.71l.064-.001a1.6 1.6 0 001.134-2.728 1.6 1.6 0 00-.786-.426l-.102-.019a.856.856 0 01-.076-.016 1.592 1.592 0 00-.97.204zm-9.199 4.08a.889.889 0 010 1.778H.89a.889.889 0 010-1.777h8.735zm-.01-6.432a.889.889 0 110 1.777H5.94a.889.889 0 110-1.777h3.676zm3.297-1.954l-.053.021a4.065 4.065 0 011.126 2.36 3.375 3.375 0 013.151 1.027 3.366 3.366 0 011.695-1 4.621 4.621 0 00-5.919-2.408z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M17.768 1.482a6.4 6.4 0 012.988 3.78c.19.068.377.154.555.257.026.015.05.03.073.047.226.137.436.301.627.49a3.377 3.377 0 01-.105 4.875 3.376 3.376 0 01-.216 5.158l-.037.029.021.032c.39.602.585 1.324.534 2.065l-.009.11a3.377 3.377 0 01-4.658 2.777 3.377 3.377 0 01-5.846.971 4.052 4.052 0 01-1.635.397c-.04.005-.082.008-.125.008h-.897l-.068-.003c-1.116-.067-1.093-1.775.068-1.775h.804l.046-.004.047-.001a2.3 2.3 0 00.079-4.6.735.735 0 01-.08.005H2.808a.889.889 0 010-1.778h7.034l.046-.004.048-.001a2.3 2.3 0 00.509-4.544l-.141-.031a2.188 2.188 0 00-.299-.046.759.759 0 01-.07.003H2.808a.889.889 0 110-1.777h7.035l.046-.004.047-.001a2.3 2.3 0 00.087-4.6.972.972 0 01-.087.004h-.897L8.97 3.32c-1.116-.067-1.093-1.775.068-1.775h.8a.9.9 0 01.097-.005c.402 0 .79.058 1.157.166l.031-.02a6.399 6.399 0 016.645-.203zm-3.737 11.484l-.068.036-.083.051a4.08 4.08 0 01-1.404 2.153 4.07 4.07 0 011.537 3.189 4.06 4.06 0 01-.92 2.579 1.599 1.599 0 002.824-1.322l-.03-.124-.013-.079-.005-.056-.001-.042.001-.058.005-.053.013-.078.018-.072.022-.064.035-.079.005-.01a.869.869 0 01.158-.217l.055-.052.041-.032.05-.035.042-.026.055-.03.073-.03.056-.02.04-.011.078-.016.073-.009.045-.002h.048l.041.002.058.006.056.01.062.015.031.01.049.017.054.023.044.021.053.031.035.023c.06.042.114.09.163.147l.038.046.034.048a1.6 1.6 0 102.4-2.07 3.256 3.256 0 01-.473.007l-.057-.005-.026-.005h-.016a3.376 3.376 0 01-2.985-2.568l-.026-.116a1.6 1.6 0 00-2.285-1.133zm-4.416 4.595a.889.889 0 110 1.777H5.939a.889.889 0 010-1.777h3.676zm9.208-10.503a1.6 1.6 0 00-.797 1.3l-.002.085a.889.889 0 01-.83.887l-.059.002a.889.889 0 01-.887-.83l-.002-.059a1.6 1.6 0 00-2.528-1.301 4.089 4.089 0 01-1.255 1.674 4.083 4.083 0 011.451 2.308 3.374 3.374 0 014.125 2.532l.02.093a1.6 1.6 0 001.395 1.26l.124.01.042.002c.06 0 .12-.003.18-.01l.085-.011.062-.015a1.6 1.6 0 00-.245-3.163l-.079-.002a.887.887 0 01-.683-.32l-.034-.044a.884.884 0 01-.154-.702.889.889 0 01.807-.71l.064-.001a1.6 1.6 0 001.134-2.728 1.6 1.6 0 00-.786-.426l-.102-.019a.856.856 0 01-.076-.016 1.592 1.592 0 00-.97.204zm-9.199 4.08a.889.889 0 010 1.778H.89a.889.889 0 010-1.777h8.735zm-.01-6.432a.889.889 0 110 1.777H5.94a.889.889 0 110-1.777h3.676zm3.297-1.954l-.053.021a4.065 4.065 0 011.126 2.36 3.375 3.375 0 013.151 1.027 3.366 3.366 0 011.695-1 4.621 4.621 0 00-5.919-2.408z"/></svg> </template>
CSS
.icon-ideogram {
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%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M17.768%201.482a6.4%206.4%200%20012.988%203.78c.19.068.377.154.555.257.026.015.05.03.073.047.226.137.436.301.627.49a3.377%203.377%200%2001-.105%204.875%203.376%203.376%200%2001-.216%205.158l-.037.029.021.032c.39.602.585%201.324.534%202.065l-.009.11a3.377%203.377%200%2001-4.658%202.777%203.377%203.377%200%2001-5.846.971%204.052%204.052%200%2001-1.635.397c-.04.005-.082.008-.125.008h-.897l-.068-.003c-1.116-.067-1.093-1.775.068-1.775h.804l.046-.004.047-.001a2.3%202.3%200%2000.079-4.6.735.735%200%2001-.08.005H2.808a.889.889%200%20010-1.778h7.034l.046-.004.048-.001a2.3%202.3%200%2000.509-4.544l-.141-.031a2.188%202.188%200%2000-.299-.046.759.759%200%2001-.07.003H2.808a.889.889%200%20110-1.777h7.035l.046-.004.047-.001a2.3%202.3%200%2000.087-4.6.972.972%200%2001-.087.004h-.897L8.97%203.32c-1.116-.067-1.093-1.775.068-1.775h.8a.9.9%200%2001.097-.005c.402%200%20.79.058%201.157.166l.031-.02a6.399%206.399%200%20016.645-.203zm-3.737%2011.484l-.068.036-.083.051a4.08%204.08%200%2001-1.404%202.153%204.07%204.07%200%20011.537%203.189%204.06%204.06%200%2001-.92%202.579%201.599%201.599%200%20002.824-1.322l-.03-.124-.013-.079-.005-.056-.001-.042.001-.058.005-.053.013-.078.018-.072.022-.064.035-.079.005-.01a.869.869%200%2001.158-.217l.055-.052.041-.032.05-.035.042-.026.055-.03.073-.03.056-.02.04-.011.078-.016.073-.009.045-.002h.048l.041.002.058.006.056.01.062.015.031.01.049.017.054.023.044.021.053.031.035.023c.06.042.114.09.163.147l.038.046.034.048a1.6%201.6%200%20102.4-2.07%203.256%203.256%200%2001-.473.007l-.057-.005-.026-.005h-.016a3.376%203.376%200%2001-2.985-2.568l-.026-.116a1.6%201.6%200%2000-2.285-1.133zm-4.416%204.595a.889.889%200%20110%201.777H5.939a.889.889%200%20010-1.777h3.676zm9.208-10.503a1.6%201.6%200%2000-.797%201.3l-.002.085a.889.889%200%2001-.83.887l-.059.002a.889.889%200%2001-.887-.83l-.002-.059a1.6%201.6%200%2000-2.528-1.301%204.089%204.089%200%2001-1.255%201.674%204.083%204.083%200%20011.451%202.308%203.374%203.374%200%20014.125%202.532l.02.093a1.6%201.6%200%20001.395%201.26l.124.01.042.002c.06%200%20.12-.003.18-.01l.085-.011.062-.015a1.6%201.6%200%2000-.245-3.163l-.079-.002a.887.887%200%2001-.683-.32l-.034-.044a.884.884%200%2001-.154-.702.889.889%200%2001.807-.71l.064-.001a1.6%201.6%200%20001.134-2.728%201.6%201.6%200%2000-.786-.426l-.102-.019a.856.856%200%2001-.076-.016%201.592%201.592%200%2000-.97.204zm-9.199%204.08a.889.889%200%20010%201.778H.89a.889.889%200%20010-1.777h8.735zm-.01-6.432a.889.889%200%20110%201.777H5.94a.889.889%200%20110-1.777h3.676zm3.297-1.954l-.053.021a4.065%204.065%200%20011.126%202.36%203.375%203.375%200%20013.151%201.027%203.366%203.366%200%20011.695-1%204.621%204.621%200%2000-5.919-2.408z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M17.768%201.482a6.4%206.4%200%20012.988%203.78c.19.068.377.154.555.257.026.015.05.03.073.047.226.137.436.301.627.49a3.377%203.377%200%2001-.105%204.875%203.376%203.376%200%2001-.216%205.158l-.037.029.021.032c.39.602.585%201.324.534%202.065l-.009.11a3.377%203.377%200%2001-4.658%202.777%203.377%203.377%200%2001-5.846.971%204.052%204.052%200%2001-1.635.397c-.04.005-.082.008-.125.008h-.897l-.068-.003c-1.116-.067-1.093-1.775.068-1.775h.804l.046-.004.047-.001a2.3%202.3%200%2000.079-4.6.735.735%200%2001-.08.005H2.808a.889.889%200%20010-1.778h7.034l.046-.004.048-.001a2.3%202.3%200%2000.509-4.544l-.141-.031a2.188%202.188%200%2000-.299-.046.759.759%200%2001-.07.003H2.808a.889.889%200%20110-1.777h7.035l.046-.004.047-.001a2.3%202.3%200%2000.087-4.6.972.972%200%2001-.087.004h-.897L8.97%203.32c-1.116-.067-1.093-1.775.068-1.775h.8a.9.9%200%2001.097-.005c.402%200%20.79.058%201.157.166l.031-.02a6.399%206.399%200%20016.645-.203zm-3.737%2011.484l-.068.036-.083.051a4.08%204.08%200%2001-1.404%202.153%204.07%204.07%200%20011.537%203.189%204.06%204.06%200%2001-.92%202.579%201.599%201.599%200%20002.824-1.322l-.03-.124-.013-.079-.005-.056-.001-.042.001-.058.005-.053.013-.078.018-.072.022-.064.035-.079.005-.01a.869.869%200%2001.158-.217l.055-.052.041-.032.05-.035.042-.026.055-.03.073-.03.056-.02.04-.011.078-.016.073-.009.045-.002h.048l.041.002.058.006.056.01.062.015.031.01.049.017.054.023.044.021.053.031.035.023c.06.042.114.09.163.147l.038.046.034.048a1.6%201.6%200%20102.4-2.07%203.256%203.256%200%2001-.473.007l-.057-.005-.026-.005h-.016a3.376%203.376%200%2001-2.985-2.568l-.026-.116a1.6%201.6%200%2000-2.285-1.133zm-4.416%204.595a.889.889%200%20110%201.777H5.939a.889.889%200%20010-1.777h3.676zm9.208-10.503a1.6%201.6%200%2000-.797%201.3l-.002.085a.889.889%200%2001-.83.887l-.059.002a.889.889%200%2001-.887-.83l-.002-.059a1.6%201.6%200%2000-2.528-1.301%204.089%204.089%200%2001-1.255%201.674%204.083%204.083%200%20011.451%202.308%203.374%203.374%200%20014.125%202.532l.02.093a1.6%201.6%200%20001.395%201.26l.124.01.042.002c.06%200%20.12-.003.18-.01l.085-.011.062-.015a1.6%201.6%200%2000-.245-3.163l-.079-.002a.887.887%200%2001-.683-.32l-.034-.044a.884.884%200%2001-.154-.702.889.889%200%2001.807-.71l.064-.001a1.6%201.6%200%20001.134-2.728%201.6%201.6%200%2000-.786-.426l-.102-.019a.856.856%200%2001-.076-.016%201.592%201.592%200%2000-.97.204zm-9.199%204.08a.889.889%200%20010%201.778H.89a.889.889%200%20010-1.777h8.735zm-.01-6.432a.889.889%200%20110%201.777H5.94a.889.889%200%20110-1.777h3.676zm3.297-1.954l-.053.021a4.065%204.065%200%20011.126%202.36%203.375%203.375%200%20013.151%201.027%203.366%203.366%200%20011.695-1%204.621%204.621%200%2000-5.919-2.408z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/ideogram.svg?color=%231a73e8&size=48
