Yii icon

logos:yii

The Yii icon (logos:yii) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 274 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 256 × 274

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="274" 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>

How to use the Yii icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:yii" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:yii" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:yii" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--yii]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:yii"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:yii"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/yii.svg" alt="Yii icon" width="24" height="24">

Yii icon in other icon sets

Yii icon FAQ

Is the Yii icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Yii icon in React?

Install @iconify/react and render <Icon icon="logos:yii" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Yii icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/yii.svg" alt="Yii icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →