civitai logo
civitai-text-color from LobeHub AI Icons by LobeHub · Wordmark color · MIT Free for personal and commercial use.
- Name
- civitai-text-color
- Set
- LobeHub AI Icons
- Style
- Wordmark color
- Viewbox
- 110×24
- License
- MIT
3 other variants in LobeHub AI Icons
Use the civitai logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 110 24"><g fill="currentColor" fill-rule="evenodd"><path d="M21.594 2H4.234L2 4.437v15.228L4.335 22h17.36v-5.28H7.28V7.38h14.315V2zM77.736 2H57.939v5.38h7.31v14.518h5.279V7.381h7.106L77.737 2zm-53.706.102v19.796h5.28V2.102h-5.28zm7.716 0v19.796h7.716l8.426-8.426V2.102H42.61v8.426l-5.482 6.091V2.102h-5.38zm18.579 0v19.796h5.28V2.102h-5.28z"/><path fill="#1970c2" d="M102.305 2.102v19.796h5.279V2.102h-5.279zm-4.772 0H82.508l-2.335 2.335v17.462h5.279V14.69h9.035v7.208h5.28V4.438l-2.234-2.335zM94.589 9.31h-9.036V7.38h9.036v1.93zM47.888 16.72v5.178h-5.177"/></g></svg>
React
import type { SVGProps } from "react";
export function LobehubCivitaiTextColor(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 110 24"><g fill="currentColor" fillRule="evenodd"><path d="M21.594 2H4.234L2 4.437v15.228L4.335 22h17.36v-5.28H7.28V7.38h14.315V2zM77.736 2H57.939v5.38h7.31v14.518h5.279V7.381h7.106L77.737 2zm-53.706.102v19.796h5.28V2.102h-5.28zm7.716 0v19.796h7.716l8.426-8.426V2.102H42.61v8.426l-5.482 6.091V2.102h-5.38zm18.579 0v19.796h5.28V2.102h-5.28z"/><path fill="#1970c2" d="M102.305 2.102v19.796h5.279V2.102h-5.279zm-4.772 0H82.508l-2.335 2.335v17.462h5.279V14.69h9.035v7.208h5.28V4.438l-2.234-2.335zM94.589 9.31h-9.036V7.38h9.036v1.93zM47.888 16.72v5.178h-5.177"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 110 24"><g fill="currentColor" fill-rule="evenodd"><path d="M21.594 2H4.234L2 4.437v15.228L4.335 22h17.36v-5.28H7.28V7.38h14.315V2zM77.736 2H57.939v5.38h7.31v14.518h5.279V7.381h7.106L77.737 2zm-53.706.102v19.796h5.28V2.102h-5.28zm7.716 0v19.796h7.716l8.426-8.426V2.102H42.61v8.426l-5.482 6.091V2.102h-5.38zm18.579 0v19.796h5.28V2.102h-5.28z"/><path fill="#1970c2" d="M102.305 2.102v19.796h5.279V2.102h-5.279zm-4.772 0H82.508l-2.335 2.335v17.462h5.279V14.69h9.035v7.208h5.28V4.438l-2.234-2.335zM94.589 9.31h-9.036V7.38h9.036v1.93zM47.888 16.72v5.178h-5.177"/></g></svg> </template>
CSS
.icon-civitai-text-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%20110%2024%22%3E%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M21.594%202H4.234L2%204.437v15.228L4.335%2022h17.36v-5.28H7.28V7.38h14.315V2zM77.736%202H57.939v5.38h7.31v14.518h5.279V7.381h7.106L77.737%202zm-53.706.102v19.796h5.28V2.102h-5.28zm7.716%200v19.796h7.716l8.426-8.426V2.102H42.61v8.426l-5.482%206.091V2.102h-5.38zm18.579%200v19.796h5.28V2.102h-5.28z%22%2F%3E%3Cpath%20fill%3D%22%231970c2%22%20d%3D%22M102.305%202.102v19.796h5.279V2.102h-5.279zm-4.772%200H82.508l-2.335%202.335v17.462h5.279V14.69h9.035v7.208h5.28V4.438l-2.234-2.335zM94.589%209.31h-9.036V7.38h9.036v1.93zM47.888%2016.72v5.178h-5.177%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%20110%2024%22%3E%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M21.594%202H4.234L2%204.437v15.228L4.335%2022h17.36v-5.28H7.28V7.38h14.315V2zM77.736%202H57.939v5.38h7.31v14.518h5.279V7.381h7.106L77.737%202zm-53.706.102v19.796h5.28V2.102h-5.28zm7.716%200v19.796h7.716l8.426-8.426V2.102H42.61v8.426l-5.482%206.091V2.102h-5.38zm18.579%200v19.796h5.28V2.102h-5.28z%22%2F%3E%3Cpath%20fill%3D%22%231970c2%22%20d%3D%22M102.305%202.102v19.796h5.279V2.102h-5.279zm-4.772%200H82.508l-2.335%202.335v17.462h5.279V14.69h9.035v7.208h5.28V4.438l-2.234-2.335zM94.589%209.31h-9.036V7.38h9.036v1.93zM47.888%2016.72v5.178h-5.177%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/civitai-text-color.svg?color=%231a73e8&size=48
