yii logo

yii from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
yii
Set
SVG Logos
Style
Color
Viewbox
256×274
License
CC0

The same logo in other sets

yiiDeviconyiiSimple Icons

Use the yii logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 274"><defs><linearGradient id="SVGkRlp9qGn" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#73b723"/><stop offset="100%" stop-color="#d8ee61"/></linearGradient><linearGradient id="SVGjL0b8dDG" x1="84.858%" x2="13.584%" y1="26.251%" y2="100%"><stop offset="0%" stop-color="#98c9ea"/><stop offset="68.865%" stop-color="#026fb2"/><stop offset="100%" stop-color="#086eb6"/></linearGradient><linearGradient id="SVG3AFgwcuo" x1="0%" x2="85.884%" y1="6.32%" y2="69.935%"><stop offset="0%" stop-color="#d73721"/><stop offset="100%" stop-color="#f7d768"/></linearGradient><linearGradient id="SVGnyYAGbQD" x1="30.961%" x2="86.77%" y1="30.993%" y2="81.746%"><stop offset="0%" stop-color="#d4c883"/><stop offset="100%" stop-color="#a1d1a7"/></linearGradient></defs><path fill="url(#SVGkRlp9qGn)" d="M221.829.004c18.6 9.478 34.576 34.35 33.775 68.1c-2.431 41.585-32.582 77.424-65.387 110.444c-1.837-40.269-10.593-65.932-24.265-102.02c-12.908-36.367 24.83-75.36 55.877-76.524"/><path fill="url(#SVGjL0b8dDG)" d="M121.217 177.132c9.988-12.424 17.067-23.488 22.007-33.484c33.84 17.693 25.855 14.389 42.176 33.24q.083.88.156 1.755c1.354 26.138-17.713 86.564-92.793 94.845c-5.197-40.603 11.699-75.237 28.454-96.356"/><path fill="url(#SVG3AFgwcuo)" d="M.391 25.247c53.495-21.169 111.068.516 144.306 45.697a198 198 0 0 1 9.141 13.582c5.194 33.155 1.233 51.568-8.876 61.329c-6.647-3.354-13.739-6.328-21.31-9.078c-17.6-6.394-33.845-10.626-57.044-17.495C11.52 104.248-2.065 57.012.391 25.247"/><path fill="url(#SVGnyYAGbQD)" d="M151.793 81.28c.351.545.698 1.086 1.04 1.635l.422.677c.858 1.379 1.7 2.766 2.53 4.17l.14.234l.223.38l.203.351l.594 1.02l.041.074l.805 1.412l.025.041q.873 1.541 1.721 3.1l.07.132l.628 1.164l.017.03l.689 1.295l.198.38l.384.74l.47.911l.455.884q.694 1.374 1.37 2.749l.116.227a231 231 0 0 1 2.373 5.011l.587 1.284l.057.128l.376.834l.438.987l.247.57l.397.912l.284.656l.599 1.412l.041.099l.64 1.535l.078.186c.682 1.66 1.342 3.32 1.982 4.99l.062.154l.528 1.4l.033.077l.306.826a312 312 0 0 1 1.003 2.753l.128.36c.363 1.027.722 2.06 1.069 3.087l.111.326c.326.966.64 1.932.954 2.898l.153.475l.037.111l.495 1.565l.02.07l.459 1.494l.458 1.54l.013.033l.38 1.3l.12.422l.23.805q.391 1.39.764 2.782l.186.693l.359 1.37l.016.067q.655 2.527 1.243 5.048l.037.174l.041.177q.767 3.326 1.416 6.626l.042.219a195 195 0 0 1 1.717 10.196l.008.045q.222 1.559.413 3.113l.053.445l.174 1.482v.004l.148 1.371l.05.454l.107 1.086l.042.437l.016.178l.132 1.49c-11.818-15.22-25.936-25.71-42.877-33.916c13.672-27.03 11.752-46.29 9.114-63.447"/></svg>

React

import type { SVGProps } from "react";

export function LogosYii(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 274"><defs><linearGradient id="SVGkRlp9qGn" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stopColor="#73b723"/><stop offset="100%" stopColor="#d8ee61"/></linearGradient><linearGradient id="SVGjL0b8dDG" x1="84.858%" x2="13.584%" y1="26.251%" y2="100%"><stop offset="0%" stopColor="#98c9ea"/><stop offset="68.865%" stopColor="#026fb2"/><stop offset="100%" stopColor="#086eb6"/></linearGradient><linearGradient id="SVG3AFgwcuo" x1="0%" x2="85.884%" y1="6.32%" y2="69.935%"><stop offset="0%" stopColor="#d73721"/><stop offset="100%" stopColor="#f7d768"/></linearGradient><linearGradient id="SVGnyYAGbQD" x1="30.961%" x2="86.77%" y1="30.993%" y2="81.746%"><stop offset="0%" stopColor="#d4c883"/><stop offset="100%" stopColor="#a1d1a7"/></linearGradient></defs><path fill="url(#SVGkRlp9qGn)" d="M221.829.004c18.6 9.478 34.576 34.35 33.775 68.1c-2.431 41.585-32.582 77.424-65.387 110.444c-1.837-40.269-10.593-65.932-24.265-102.02c-12.908-36.367 24.83-75.36 55.877-76.524"/><path fill="url(#SVGjL0b8dDG)" d="M121.217 177.132c9.988-12.424 17.067-23.488 22.007-33.484c33.84 17.693 25.855 14.389 42.176 33.24q.083.88.156 1.755c1.354 26.138-17.713 86.564-92.793 94.845c-5.197-40.603 11.699-75.237 28.454-96.356"/><path fill="url(#SVG3AFgwcuo)" d="M.391 25.247c53.495-21.169 111.068.516 144.306 45.697a198 198 0 0 1 9.141 13.582c5.194 33.155 1.233 51.568-8.876 61.329c-6.647-3.354-13.739-6.328-21.31-9.078c-17.6-6.394-33.845-10.626-57.044-17.495C11.52 104.248-2.065 57.012.391 25.247"/><path fill="url(#SVGnyYAGbQD)" d="M151.793 81.28c.351.545.698 1.086 1.04 1.635l.422.677c.858 1.379 1.7 2.766 2.53 4.17l.14.234l.223.38l.203.351l.594 1.02l.041.074l.805 1.412l.025.041q.873 1.541 1.721 3.1l.07.132l.628 1.164l.017.03l.689 1.295l.198.38l.384.74l.47.911l.455.884q.694 1.374 1.37 2.749l.116.227a231 231 0 0 1 2.373 5.011l.587 1.284l.057.128l.376.834l.438.987l.247.57l.397.912l.284.656l.599 1.412l.041.099l.64 1.535l.078.186c.682 1.66 1.342 3.32 1.982 4.99l.062.154l.528 1.4l.033.077l.306.826a312 312 0 0 1 1.003 2.753l.128.36c.363 1.027.722 2.06 1.069 3.087l.111.326c.326.966.64 1.932.954 2.898l.153.475l.037.111l.495 1.565l.02.07l.459 1.494l.458 1.54l.013.033l.38 1.3l.12.422l.23.805q.391 1.39.764 2.782l.186.693l.359 1.37l.016.067q.655 2.527 1.243 5.048l.037.174l.041.177q.767 3.326 1.416 6.626l.042.219a195 195 0 0 1 1.717 10.196l.008.045q.222 1.559.413 3.113l.053.445l.174 1.482v.004l.148 1.371l.05.454l.107 1.086l.042.437l.016.178l.132 1.49c-11.818-15.22-25.936-25.71-42.877-33.916c13.672-27.03 11.752-46.29 9.114-63.447"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 274"><defs><linearGradient id="SVGkRlp9qGn" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#73b723"/><stop offset="100%" stop-color="#d8ee61"/></linearGradient><linearGradient id="SVGjL0b8dDG" x1="84.858%" x2="13.584%" y1="26.251%" y2="100%"><stop offset="0%" stop-color="#98c9ea"/><stop offset="68.865%" stop-color="#026fb2"/><stop offset="100%" stop-color="#086eb6"/></linearGradient><linearGradient id="SVG3AFgwcuo" x1="0%" x2="85.884%" y1="6.32%" y2="69.935%"><stop offset="0%" stop-color="#d73721"/><stop offset="100%" stop-color="#f7d768"/></linearGradient><linearGradient id="SVGnyYAGbQD" x1="30.961%" x2="86.77%" y1="30.993%" y2="81.746%"><stop offset="0%" stop-color="#d4c883"/><stop offset="100%" stop-color="#a1d1a7"/></linearGradient></defs><path fill="url(#SVGkRlp9qGn)" d="M221.829.004c18.6 9.478 34.576 34.35 33.775 68.1c-2.431 41.585-32.582 77.424-65.387 110.444c-1.837-40.269-10.593-65.932-24.265-102.02c-12.908-36.367 24.83-75.36 55.877-76.524"/><path fill="url(#SVGjL0b8dDG)" d="M121.217 177.132c9.988-12.424 17.067-23.488 22.007-33.484c33.84 17.693 25.855 14.389 42.176 33.24q.083.88.156 1.755c1.354 26.138-17.713 86.564-92.793 94.845c-5.197-40.603 11.699-75.237 28.454-96.356"/><path fill="url(#SVG3AFgwcuo)" d="M.391 25.247c53.495-21.169 111.068.516 144.306 45.697a198 198 0 0 1 9.141 13.582c5.194 33.155 1.233 51.568-8.876 61.329c-6.647-3.354-13.739-6.328-21.31-9.078c-17.6-6.394-33.845-10.626-57.044-17.495C11.52 104.248-2.065 57.012.391 25.247"/><path fill="url(#SVGnyYAGbQD)" d="M151.793 81.28c.351.545.698 1.086 1.04 1.635l.422.677c.858 1.379 1.7 2.766 2.53 4.17l.14.234l.223.38l.203.351l.594 1.02l.041.074l.805 1.412l.025.041q.873 1.541 1.721 3.1l.07.132l.628 1.164l.017.03l.689 1.295l.198.38l.384.74l.47.911l.455.884q.694 1.374 1.37 2.749l.116.227a231 231 0 0 1 2.373 5.011l.587 1.284l.057.128l.376.834l.438.987l.247.57l.397.912l.284.656l.599 1.412l.041.099l.64 1.535l.078.186c.682 1.66 1.342 3.32 1.982 4.99l.062.154l.528 1.4l.033.077l.306.826a312 312 0 0 1 1.003 2.753l.128.36c.363 1.027.722 2.06 1.069 3.087l.111.326c.326.966.64 1.932.954 2.898l.153.475l.037.111l.495 1.565l.02.07l.459 1.494l.458 1.54l.013.033l.38 1.3l.12.422l.23.805q.391 1.39.764 2.782l.186.693l.359 1.37l.016.067q.655 2.527 1.243 5.048l.037.174l.041.177q.767 3.326 1.416 6.626l.042.219a195 195 0 0 1 1.717 10.196l.008.045q.222 1.559.413 3.113l.053.445l.174 1.482v.004l.148 1.371l.05.454l.107 1.086l.042.437l.016.178l.132 1.49c-11.818-15.22-25.936-25.71-42.877-33.916c13.672-27.03 11.752-46.29 9.114-63.447"/></svg>
</template>

CSS

.icon-yii {
  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%20274%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGkRlp9qGn%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%220%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2373b723%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23d8ee61%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGjL0b8dDG%22%20x1%3D%2284.858%25%22%20x2%3D%2213.584%25%22%20y1%3D%2226.251%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2398c9ea%22%2F%3E%3Cstop%20offset%3D%2268.865%25%22%20stop-color%3D%22%23026fb2%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23086eb6%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG3AFgwcuo%22%20x1%3D%220%25%22%20x2%3D%2285.884%25%22%20y1%3D%226.32%25%22%20y2%3D%2269.935%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23d73721%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23f7d768%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGnyYAGbQD%22%20x1%3D%2230.961%25%22%20x2%3D%2286.77%25%22%20y1%3D%2230.993%25%22%20y2%3D%2281.746%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23d4c883%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23a1d1a7%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGkRlp9qGn)%22%20d%3D%22M221.829.004c18.6%209.478%2034.576%2034.35%2033.775%2068.1c-2.431%2041.585-32.582%2077.424-65.387%20110.444c-1.837-40.269-10.593-65.932-24.265-102.02c-12.908-36.367%2024.83-75.36%2055.877-76.524%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGjL0b8dDG)%22%20d%3D%22M121.217%20177.132c9.988-12.424%2017.067-23.488%2022.007-33.484c33.84%2017.693%2025.855%2014.389%2042.176%2033.24q.083.88.156%201.755c1.354%2026.138-17.713%2086.564-92.793%2094.845c-5.197-40.603%2011.699-75.237%2028.454-96.356%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG3AFgwcuo)%22%20d%3D%22M.391%2025.247c53.495-21.169%20111.068.516%20144.306%2045.697a198%20198%200%200%201%209.141%2013.582c5.194%2033.155%201.233%2051.568-8.876%2061.329c-6.647-3.354-13.739-6.328-21.31-9.078c-17.6-6.394-33.845-10.626-57.044-17.495C11.52%20104.248-2.065%2057.012.391%2025.247%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGnyYAGbQD)%22%20d%3D%22M151.793%2081.28c.351.545.698%201.086%201.04%201.635l.422.677c.858%201.379%201.7%202.766%202.53%204.17l.14.234l.223.38l.203.351l.594%201.02l.041.074l.805%201.412l.025.041q.873%201.541%201.721%203.1l.07.132l.628%201.164l.017.03l.689%201.295l.198.38l.384.74l.47.911l.455.884q.694%201.374%201.37%202.749l.116.227a231%20231%200%200%201%202.373%205.011l.587%201.284l.057.128l.376.834l.438.987l.247.57l.397.912l.284.656l.599%201.412l.041.099l.64%201.535l.078.186c.682%201.66%201.342%203.32%201.982%204.99l.062.154l.528%201.4l.033.077l.306.826a312%20312%200%200%201%201.003%202.753l.128.36c.363%201.027.722%202.06%201.069%203.087l.111.326c.326.966.64%201.932.954%202.898l.153.475l.037.111l.495%201.565l.02.07l.459%201.494l.458%201.54l.013.033l.38%201.3l.12.422l.23.805q.391%201.39.764%202.782l.186.693l.359%201.37l.016.067q.655%202.527%201.243%205.048l.037.174l.041.177q.767%203.326%201.416%206.626l.042.219a195%20195%200%200%201%201.717%2010.196l.008.045q.222%201.559.413%203.113l.053.445l.174%201.482v.004l.148%201.371l.05.454l.107%201.086l.042.437l.016.178l.132%201.49c-11.818-15.22-25.936-25.71-42.877-33.916c13.672-27.03%2011.752-46.29%209.114-63.447%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%20274%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGkRlp9qGn%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%220%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2373b723%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23d8ee61%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGjL0b8dDG%22%20x1%3D%2284.858%25%22%20x2%3D%2213.584%25%22%20y1%3D%2226.251%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2398c9ea%22%2F%3E%3Cstop%20offset%3D%2268.865%25%22%20stop-color%3D%22%23026fb2%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23086eb6%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG3AFgwcuo%22%20x1%3D%220%25%22%20x2%3D%2285.884%25%22%20y1%3D%226.32%25%22%20y2%3D%2269.935%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23d73721%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23f7d768%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGnyYAGbQD%22%20x1%3D%2230.961%25%22%20x2%3D%2286.77%25%22%20y1%3D%2230.993%25%22%20y2%3D%2281.746%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23d4c883%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23a1d1a7%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGkRlp9qGn)%22%20d%3D%22M221.829.004c18.6%209.478%2034.576%2034.35%2033.775%2068.1c-2.431%2041.585-32.582%2077.424-65.387%20110.444c-1.837-40.269-10.593-65.932-24.265-102.02c-12.908-36.367%2024.83-75.36%2055.877-76.524%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGjL0b8dDG)%22%20d%3D%22M121.217%20177.132c9.988-12.424%2017.067-23.488%2022.007-33.484c33.84%2017.693%2025.855%2014.389%2042.176%2033.24q.083.88.156%201.755c1.354%2026.138-17.713%2086.564-92.793%2094.845c-5.197-40.603%2011.699-75.237%2028.454-96.356%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG3AFgwcuo)%22%20d%3D%22M.391%2025.247c53.495-21.169%20111.068.516%20144.306%2045.697a198%20198%200%200%201%209.141%2013.582c5.194%2033.155%201.233%2051.568-8.876%2061.329c-6.647-3.354-13.739-6.328-21.31-9.078c-17.6-6.394-33.845-10.626-57.044-17.495C11.52%20104.248-2.065%2057.012.391%2025.247%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGnyYAGbQD)%22%20d%3D%22M151.793%2081.28c.351.545.698%201.086%201.04%201.635l.422.677c.858%201.379%201.7%202.766%202.53%204.17l.14.234l.223.38l.203.351l.594%201.02l.041.074l.805%201.412l.025.041q.873%201.541%201.721%203.1l.07.132l.628%201.164l.017.03l.689%201.295l.198.38l.384.74l.47.911l.455.884q.694%201.374%201.37%202.749l.116.227a231%20231%200%200%201%202.373%205.011l.587%201.284l.057.128l.376.834l.438.987l.247.57l.397.912l.284.656l.599%201.412l.041.099l.64%201.535l.078.186c.682%201.66%201.342%203.32%201.982%204.99l.062.154l.528%201.4l.033.077l.306.826a312%20312%200%200%201%201.003%202.753l.128.36c.363%201.027.722%202.06%201.069%203.087l.111.326c.326.966.64%201.932.954%202.898l.153.475l.037.111l.495%201.565l.02.07l.459%201.494l.458%201.54l.013.033l.38%201.3l.12.422l.23.805q.391%201.39.764%202.782l.186.693l.359%201.37l.016.067q.655%202.527%201.243%205.048l.037.174l.041.177q.767%203.326%201.416%206.626l.042.219a195%20195%200%200%201%201.717%2010.196l.008.045q.222%201.559.413%203.113l.053.445l.174%201.482v.004l.148%201.371l.05.454l.107%201.086l.042.437l.016.178l.132%201.49c-11.818-15.22-25.936-25.71-42.877-33.916c13.672-27.03%2011.752-46.29%209.114-63.447%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/yii.svg?color=%231a73e8&size=48