ai logo
ai from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- ai
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×276
- License
- CC0
The same logo in other sets
Use the ai logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 276"><defs><linearGradient x1="47.271%" y1="-17.693%" x2="61.471%" y2="99.941%" id="ssvg-id-aia"><stop stop-color="#FFD54F" offset="0%"/><stop stop-color="#FFD03D" offset="21.64%"/><stop stop-color="#FFC516" offset="73.09%"/><stop stop-color="#FFC107" offset="100%"/></linearGradient><linearGradient x1="0%" y1="49.999%" x2="100%" y2="49.999%" id="ssvg-id-aib"><stop stop-color="#FFD54F" offset="0%"/><stop stop-color="#FFD03D" offset="21.64%"/><stop stop-color="#FFC516" offset="73.09%"/><stop stop-color="#FFC107" offset="100%"/></linearGradient><linearGradient x1="49.999%" y1="-.02%" x2="49.999%" y2="99.981%" id="ssvg-id-aic"><stop stop-color="#FFC107" offset="0%"/><stop stop-color="#FFBE06" offset="42.13%"/><stop stop-color="#FFB605" offset="69.37%"/><stop stop-color="#FFA701" offset="92.33%"/><stop stop-color="#FFA000" offset="100%"/></linearGradient></defs><path d="M128 257.04c3.348 0 6.666-.122 9.942-.387c1.967-.147 7.211-.746 9.158-.973c3.288-.42 7.47 19.958 10.688 19.304c3.423-.697 2.588-21.64 5.907-22.61C217.016 236.923 256 192.695 256 129.777H0C0 188.5 36.735 234.028 87.666 250.924c2.94.973 2.79 23.447 5.826 24.206c3.13.789 9.452-20.415 12.673-19.857c3.876.671 7.82 1.124 11.81 1.435c3.309.247 6.652.331 10.025.331z" fill="url(#ssvg-id-aia)"/><ellipse fill="#FFE082" cx="128" cy="128.782" rx="128" ry="24.484"/><path d="M255.996 129.776c0-67.113-51.967-123.421-117.974-128.543C134.712.986 131.372 0 128 0c-3.343 0-6.657 1.023-9.934 1.271C52.013 6.342 0 62.663 0 129.776h.1c-.037 4.194-.1.386-.1.65c0 13.532 57.311 24.417 128 24.417c70.697 0 128-10.856 128-24.38c0-.26-.059 3.507-.1-.687h.096z" fill="url(#ssvg-id-aib)" opacity=".2"/><path d="M183.785 243.75c-16.396 7.253-34.542 13.986-55.8 13.29c-31.212-1.016-50.058-10.743-61.174-16.108c-5.243-2.525 26.493-14.983 64.676-14.983c26.506-.008 63.15 13.012 52.298 17.802z" fill="url(#ssvg-id-aic)" opacity=".5"/><path d="M109.059 179.138c0-6.368-4.266-11.502-9.543-11.502c-5.28 0-9.555 5.147-9.555 11.502c0 1.107-.008 5.251-.008 6.359c0 6.35 4.278 11.493 9.555 11.493s9.55-5.155 9.55-11.493v-6.36z" fill="#FF8F00"/><path d="M159.394 179.138c0-6.368-4.518-11.502-9.803-11.502c-5.277 0-9.681 5.147-9.681 11.502c0 1.107-.076 5.251-.076 6.359c0 6.35 4.501 11.493 9.778 11.493s9.782-5.147 9.782-11.493v-6.36z" fill="#FF8F00"/></svg>
React
import type { SVGProps } from "react";
export function LogosAi(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 276"><defs><linearGradient x1="47.271%" y1="-17.693%" x2="61.471%" y2="99.941%" id="ssvgId-aia"><stop stopColor="#FFD54F" offset="0%"/><stop stopColor="#FFD03D" offset="21.64%"/><stop stopColor="#FFC516" offset="73.09%"/><stop stopColor="#FFC107" offset="100%"/></linearGradient><linearGradient x1="0%" y1="49.999%" x2="100%" y2="49.999%" id="ssvgId-aib"><stop stopColor="#FFD54F" offset="0%"/><stop stopColor="#FFD03D" offset="21.64%"/><stop stopColor="#FFC516" offset="73.09%"/><stop stopColor="#FFC107" offset="100%"/></linearGradient><linearGradient x1="49.999%" y1="-.02%" x2="49.999%" y2="99.981%" id="ssvgId-aic"><stop stopColor="#FFC107" offset="0%"/><stop stopColor="#FFBE06" offset="42.13%"/><stop stopColor="#FFB605" offset="69.37%"/><stop stopColor="#FFA701" offset="92.33%"/><stop stopColor="#FFA000" offset="100%"/></linearGradient></defs><path d="M128 257.04c3.348 0 6.666-.122 9.942-.387c1.967-.147 7.211-.746 9.158-.973c3.288-.42 7.47 19.958 10.688 19.304c3.423-.697 2.588-21.64 5.907-22.61C217.016 236.923 256 192.695 256 129.777H0C0 188.5 36.735 234.028 87.666 250.924c2.94.973 2.79 23.447 5.826 24.206c3.13.789 9.452-20.415 12.673-19.857c3.876.671 7.82 1.124 11.81 1.435c3.309.247 6.652.331 10.025.331z" fill="url(#ssvgId-aia)"/><ellipse fill="#FFE082" cx="128" cy="128.782" rx="128" ry="24.484"/><path d="M255.996 129.776c0-67.113-51.967-123.421-117.974-128.543C134.712.986 131.372 0 128 0c-3.343 0-6.657 1.023-9.934 1.271C52.013 6.342 0 62.663 0 129.776h.1c-.037 4.194-.1.386-.1.65c0 13.532 57.311 24.417 128 24.417c70.697 0 128-10.856 128-24.38c0-.26-.059 3.507-.1-.687h.096z" fill="url(#ssvgId-aib)" opacity=".2"/><path d="M183.785 243.75c-16.396 7.253-34.542 13.986-55.8 13.29c-31.212-1.016-50.058-10.743-61.174-16.108c-5.243-2.525 26.493-14.983 64.676-14.983c26.506-.008 63.15 13.012 52.298 17.802z" fill="url(#ssvgId-aic)" opacity=".5"/><path d="M109.059 179.138c0-6.368-4.266-11.502-9.543-11.502c-5.28 0-9.555 5.147-9.555 11.502c0 1.107-.008 5.251-.008 6.359c0 6.35 4.278 11.493 9.555 11.493s9.55-5.155 9.55-11.493v-6.36z" fill="#FF8F00"/><path d="M159.394 179.138c0-6.368-4.518-11.502-9.803-11.502c-5.277 0-9.681 5.147-9.681 11.502c0 1.107-.076 5.251-.076 6.359c0 6.35 4.501 11.493 9.778 11.493s9.782-5.147 9.782-11.493v-6.36z" fill="#FF8F00"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 276"><defs><linearGradient x1="47.271%" y1="-17.693%" x2="61.471%" y2="99.941%" id="ssvg-id-aia"><stop stop-color="#FFD54F" offset="0%"/><stop stop-color="#FFD03D" offset="21.64%"/><stop stop-color="#FFC516" offset="73.09%"/><stop stop-color="#FFC107" offset="100%"/></linearGradient><linearGradient x1="0%" y1="49.999%" x2="100%" y2="49.999%" id="ssvg-id-aib"><stop stop-color="#FFD54F" offset="0%"/><stop stop-color="#FFD03D" offset="21.64%"/><stop stop-color="#FFC516" offset="73.09%"/><stop stop-color="#FFC107" offset="100%"/></linearGradient><linearGradient x1="49.999%" y1="-.02%" x2="49.999%" y2="99.981%" id="ssvg-id-aic"><stop stop-color="#FFC107" offset="0%"/><stop stop-color="#FFBE06" offset="42.13%"/><stop stop-color="#FFB605" offset="69.37%"/><stop stop-color="#FFA701" offset="92.33%"/><stop stop-color="#FFA000" offset="100%"/></linearGradient></defs><path d="M128 257.04c3.348 0 6.666-.122 9.942-.387c1.967-.147 7.211-.746 9.158-.973c3.288-.42 7.47 19.958 10.688 19.304c3.423-.697 2.588-21.64 5.907-22.61C217.016 236.923 256 192.695 256 129.777H0C0 188.5 36.735 234.028 87.666 250.924c2.94.973 2.79 23.447 5.826 24.206c3.13.789 9.452-20.415 12.673-19.857c3.876.671 7.82 1.124 11.81 1.435c3.309.247 6.652.331 10.025.331z" fill="url(#ssvg-id-aia)"/><ellipse fill="#FFE082" cx="128" cy="128.782" rx="128" ry="24.484"/><path d="M255.996 129.776c0-67.113-51.967-123.421-117.974-128.543C134.712.986 131.372 0 128 0c-3.343 0-6.657 1.023-9.934 1.271C52.013 6.342 0 62.663 0 129.776h.1c-.037 4.194-.1.386-.1.65c0 13.532 57.311 24.417 128 24.417c70.697 0 128-10.856 128-24.38c0-.26-.059 3.507-.1-.687h.096z" fill="url(#ssvg-id-aib)" opacity=".2"/><path d="M183.785 243.75c-16.396 7.253-34.542 13.986-55.8 13.29c-31.212-1.016-50.058-10.743-61.174-16.108c-5.243-2.525 26.493-14.983 64.676-14.983c26.506-.008 63.15 13.012 52.298 17.802z" fill="url(#ssvg-id-aic)" opacity=".5"/><path d="M109.059 179.138c0-6.368-4.266-11.502-9.543-11.502c-5.28 0-9.555 5.147-9.555 11.502c0 1.107-.008 5.251-.008 6.359c0 6.35 4.278 11.493 9.555 11.493s9.55-5.155 9.55-11.493v-6.36z" fill="#FF8F00"/><path d="M159.394 179.138c0-6.368-4.518-11.502-9.803-11.502c-5.277 0-9.681 5.147-9.681 11.502c0 1.107-.076 5.251-.076 6.359c0 6.35 4.501 11.493 9.778 11.493s9.782-5.147 9.782-11.493v-6.36z" fill="#FF8F00"/></svg> </template>
CSS
.icon-ai {
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%20256%20276%22%3E%3Cdefs%3E%3ClinearGradient%20x1%3D%2247.271%25%22%20y1%3D%22-17.693%25%22%20x2%3D%2261.471%25%22%20y2%3D%2299.941%25%22%20id%3D%22ssvg-id-aia%22%3E%3Cstop%20stop-color%3D%22%23FFD54F%22%20offset%3D%220%25%22%2F%3E%3Cstop%20stop-color%3D%22%23FFD03D%22%20offset%3D%2221.64%25%22%2F%3E%3Cstop%20stop-color%3D%22%23FFC516%22%20offset%3D%2273.09%25%22%2F%3E%3Cstop%20stop-color%3D%22%23FFC107%22%20offset%3D%22100%25%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20x1%3D%220%25%22%20y1%3D%2249.999%25%22%20x2%3D%22100%25%22%20y2%3D%2249.999%25%22%20id%3D%22ssvg-id-aib%22%3E%3Cstop%20stop-color%3D%22%23FFD54F%22%20offset%3D%220%25%22%2F%3E%3Cstop%20stop-color%3D%22%23FFD03D%22%20offset%3D%2221.64%25%22%2F%3E%3Cstop%20stop-color%3D%22%23FFC516%22%20offset%3D%2273.09%25%22%2F%3E%3Cstop%20stop-color%3D%22%23FFC107%22%20offset%3D%22100%25%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20x1%3D%2249.999%25%22%20y1%3D%22-.02%25%22%20x2%3D%2249.999%25%22%20y2%3D%2299.981%25%22%20id%3D%22ssvg-id-aic%22%3E%3Cstop%20stop-color%3D%22%23FFC107%22%20offset%3D%220%25%22%2F%3E%3Cstop%20stop-color%3D%22%23FFBE06%22%20offset%3D%2242.13%25%22%2F%3E%3Cstop%20stop-color%3D%22%23FFB605%22%20offset%3D%2269.37%25%22%2F%3E%3Cstop%20stop-color%3D%22%23FFA701%22%20offset%3D%2292.33%25%22%2F%3E%3Cstop%20stop-color%3D%22%23FFA000%22%20offset%3D%22100%25%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M128%20257.04c3.348%200%206.666-.122%209.942-.387c1.967-.147%207.211-.746%209.158-.973c3.288-.42%207.47%2019.958%2010.688%2019.304c3.423-.697%202.588-21.64%205.907-22.61C217.016%20236.923%20256%20192.695%20256%20129.777H0C0%20188.5%2036.735%20234.028%2087.666%20250.924c2.94.973%202.79%2023.447%205.826%2024.206c3.13.789%209.452-20.415%2012.673-19.857c3.876.671%207.82%201.124%2011.81%201.435c3.309.247%206.652.331%2010.025.331z%22%20fill%3D%22url(%23ssvg-id-aia)%22%2F%3E%3Cellipse%20fill%3D%22%23FFE082%22%20cx%3D%22128%22%20cy%3D%22128.782%22%20rx%3D%22128%22%20ry%3D%2224.484%22%2F%3E%3Cpath%20d%3D%22M255.996%20129.776c0-67.113-51.967-123.421-117.974-128.543C134.712.986%20131.372%200%20128%200c-3.343%200-6.657%201.023-9.934%201.271C52.013%206.342%200%2062.663%200%20129.776h.1c-.037%204.194-.1.386-.1.65c0%2013.532%2057.311%2024.417%20128%2024.417c70.697%200%20128-10.856%20128-24.38c0-.26-.059%203.507-.1-.687h.096z%22%20fill%3D%22url(%23ssvg-id-aib)%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M183.785%20243.75c-16.396%207.253-34.542%2013.986-55.8%2013.29c-31.212-1.016-50.058-10.743-61.174-16.108c-5.243-2.525%2026.493-14.983%2064.676-14.983c26.506-.008%2063.15%2013.012%2052.298%2017.802z%22%20fill%3D%22url(%23ssvg-id-aic)%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M109.059%20179.138c0-6.368-4.266-11.502-9.543-11.502c-5.28%200-9.555%205.147-9.555%2011.502c0%201.107-.008%205.251-.008%206.359c0%206.35%204.278%2011.493%209.555%2011.493s9.55-5.155%209.55-11.493v-6.36z%22%20fill%3D%22%23FF8F00%22%2F%3E%3Cpath%20d%3D%22M159.394%20179.138c0-6.368-4.518-11.502-9.803-11.502c-5.277%200-9.681%205.147-9.681%2011.502c0%201.107-.076%205.251-.076%206.359c0%206.35%204.501%2011.493%209.778%2011.493s9.782-5.147%209.782-11.493v-6.36z%22%20fill%3D%22%23FF8F00%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%20256%20276%22%3E%3Cdefs%3E%3ClinearGradient%20x1%3D%2247.271%25%22%20y1%3D%22-17.693%25%22%20x2%3D%2261.471%25%22%20y2%3D%2299.941%25%22%20id%3D%22ssvg-id-aia%22%3E%3Cstop%20stop-color%3D%22%23FFD54F%22%20offset%3D%220%25%22%2F%3E%3Cstop%20stop-color%3D%22%23FFD03D%22%20offset%3D%2221.64%25%22%2F%3E%3Cstop%20stop-color%3D%22%23FFC516%22%20offset%3D%2273.09%25%22%2F%3E%3Cstop%20stop-color%3D%22%23FFC107%22%20offset%3D%22100%25%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20x1%3D%220%25%22%20y1%3D%2249.999%25%22%20x2%3D%22100%25%22%20y2%3D%2249.999%25%22%20id%3D%22ssvg-id-aib%22%3E%3Cstop%20stop-color%3D%22%23FFD54F%22%20offset%3D%220%25%22%2F%3E%3Cstop%20stop-color%3D%22%23FFD03D%22%20offset%3D%2221.64%25%22%2F%3E%3Cstop%20stop-color%3D%22%23FFC516%22%20offset%3D%2273.09%25%22%2F%3E%3Cstop%20stop-color%3D%22%23FFC107%22%20offset%3D%22100%25%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20x1%3D%2249.999%25%22%20y1%3D%22-.02%25%22%20x2%3D%2249.999%25%22%20y2%3D%2299.981%25%22%20id%3D%22ssvg-id-aic%22%3E%3Cstop%20stop-color%3D%22%23FFC107%22%20offset%3D%220%25%22%2F%3E%3Cstop%20stop-color%3D%22%23FFBE06%22%20offset%3D%2242.13%25%22%2F%3E%3Cstop%20stop-color%3D%22%23FFB605%22%20offset%3D%2269.37%25%22%2F%3E%3Cstop%20stop-color%3D%22%23FFA701%22%20offset%3D%2292.33%25%22%2F%3E%3Cstop%20stop-color%3D%22%23FFA000%22%20offset%3D%22100%25%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M128%20257.04c3.348%200%206.666-.122%209.942-.387c1.967-.147%207.211-.746%209.158-.973c3.288-.42%207.47%2019.958%2010.688%2019.304c3.423-.697%202.588-21.64%205.907-22.61C217.016%20236.923%20256%20192.695%20256%20129.777H0C0%20188.5%2036.735%20234.028%2087.666%20250.924c2.94.973%202.79%2023.447%205.826%2024.206c3.13.789%209.452-20.415%2012.673-19.857c3.876.671%207.82%201.124%2011.81%201.435c3.309.247%206.652.331%2010.025.331z%22%20fill%3D%22url(%23ssvg-id-aia)%22%2F%3E%3Cellipse%20fill%3D%22%23FFE082%22%20cx%3D%22128%22%20cy%3D%22128.782%22%20rx%3D%22128%22%20ry%3D%2224.484%22%2F%3E%3Cpath%20d%3D%22M255.996%20129.776c0-67.113-51.967-123.421-117.974-128.543C134.712.986%20131.372%200%20128%200c-3.343%200-6.657%201.023-9.934%201.271C52.013%206.342%200%2062.663%200%20129.776h.1c-.037%204.194-.1.386-.1.65c0%2013.532%2057.311%2024.417%20128%2024.417c70.697%200%20128-10.856%20128-24.38c0-.26-.059%203.507-.1-.687h.096z%22%20fill%3D%22url(%23ssvg-id-aib)%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M183.785%20243.75c-16.396%207.253-34.542%2013.986-55.8%2013.29c-31.212-1.016-50.058-10.743-61.174-16.108c-5.243-2.525%2026.493-14.983%2064.676-14.983c26.506-.008%2063.15%2013.012%2052.298%2017.802z%22%20fill%3D%22url(%23ssvg-id-aic)%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M109.059%20179.138c0-6.368-4.266-11.502-9.543-11.502c-5.28%200-9.555%205.147-9.555%2011.502c0%201.107-.008%205.251-.008%206.359c0%206.35%204.278%2011.493%209.555%2011.493s9.55-5.155%209.55-11.493v-6.36z%22%20fill%3D%22%23FF8F00%22%2F%3E%3Cpath%20d%3D%22M159.394%20179.138c0-6.368-4.518-11.502-9.803-11.502c-5.277%200-9.681%205.147-9.681%2011.502c0%201.107-.076%205.251-.076%206.359c0%206.35%204.501%2011.493%209.778%2011.493s9.782-5.147%209.782-11.493v-6.36z%22%20fill%3D%22%23FF8F00%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/ai.svg?color=%231a73e8&size=48
