Home/Libraries/SVG Logos (Iconify)/yii

SVG Logos (Iconify)

Yii

License: CC0-1.0Commercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" 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>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. YiiIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.