yii logo
yii from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- yii
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the yii logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.88 0c-.844.545-1.806 1.509-2.363 2.34c-1.168 1.743-1.44 2.995-.8 4.863c.216.634.576 1.293.836 1.873c1.022 2.278 2.062 4.328 1.81 7.285c2.16-2.761 3.015-3.886 3.926-6.57c1.251-3.688-.007-7.659-3.41-9.791M5.643 4.656a9.3 9.3 0 0 0-3.382.659c-.21 2.657 1.021 7.23 5.516 8.506c1.818.559 3.272.413 5.056.898c-.576 1.017-1.41 1.989-1.908 2.974c-.494.976-.585 1.943-.54 3.043c.047 1.105.302 2.19.548 3.264c.924-.2 1.728-.54 2.424-.977c1.832-1.148 2.939-2.985 3.253-4.963l.015-.125v.017l.006-.061l.001-.01l.014-.16c.01-.123.022-.247.03-.356l.005-.08c.009-.117.017-.233.023-.336l.002-.034v-.002l.001-.032l.015-.34q.005-.16.005-.298v-.018a9 9 0 0 0-.014-.508c-.009-.158-.02-.305-.032-.46a11 11 0 0 0-.529-2.662a12 12 0 0 0-.178-.503c-.18-.471-.355-.85-.48-1.145a7 7 0 0 0-.275-.568a10 10 0 0 0-.143-.258a9 9 0 0 0-.435-.693l-.123-.183c-2.025-2.844-5.446-4.62-8.875-4.59"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsYii(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.88 0c-.844.545-1.806 1.509-2.363 2.34c-1.168 1.743-1.44 2.995-.8 4.863c.216.634.576 1.293.836 1.873c1.022 2.278 2.062 4.328 1.81 7.285c2.16-2.761 3.015-3.886 3.926-6.57c1.251-3.688-.007-7.659-3.41-9.791M5.643 4.656a9.3 9.3 0 0 0-3.382.659c-.21 2.657 1.021 7.23 5.516 8.506c1.818.559 3.272.413 5.056.898c-.576 1.017-1.41 1.989-1.908 2.974c-.494.976-.585 1.943-.54 3.043c.047 1.105.302 2.19.548 3.264c.924-.2 1.728-.54 2.424-.977c1.832-1.148 2.939-2.985 3.253-4.963l.015-.125v.017l.006-.061l.001-.01l.014-.16c.01-.123.022-.247.03-.356l.005-.08c.009-.117.017-.233.023-.336l.002-.034v-.002l.001-.032l.015-.34q.005-.16.005-.298v-.018a9 9 0 0 0-.014-.508c-.009-.158-.02-.305-.032-.46a11 11 0 0 0-.529-2.662a12 12 0 0 0-.178-.503c-.18-.471-.355-.85-.48-1.145a7 7 0 0 0-.275-.568a10 10 0 0 0-.143-.258a9 9 0 0 0-.435-.693l-.123-.183c-2.025-2.844-5.446-4.62-8.875-4.59"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.88 0c-.844.545-1.806 1.509-2.363 2.34c-1.168 1.743-1.44 2.995-.8 4.863c.216.634.576 1.293.836 1.873c1.022 2.278 2.062 4.328 1.81 7.285c2.16-2.761 3.015-3.886 3.926-6.57c1.251-3.688-.007-7.659-3.41-9.791M5.643 4.656a9.3 9.3 0 0 0-3.382.659c-.21 2.657 1.021 7.23 5.516 8.506c1.818.559 3.272.413 5.056.898c-.576 1.017-1.41 1.989-1.908 2.974c-.494.976-.585 1.943-.54 3.043c.047 1.105.302 2.19.548 3.264c.924-.2 1.728-.54 2.424-.977c1.832-1.148 2.939-2.985 3.253-4.963l.015-.125v.017l.006-.061l.001-.01l.014-.16c.01-.123.022-.247.03-.356l.005-.08c.009-.117.017-.233.023-.336l.002-.034v-.002l.001-.032l.015-.34q.005-.16.005-.298v-.018a9 9 0 0 0-.014-.508c-.009-.158-.02-.305-.032-.46a11 11 0 0 0-.529-2.662a12 12 0 0 0-.178-.503c-.18-.471-.355-.85-.48-1.145a7 7 0 0 0-.275-.568a10 10 0 0 0-.143-.258a9 9 0 0 0-.435-.693l-.123-.183c-2.025-2.844-5.446-4.62-8.875-4.59"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.88%200c-.844.545-1.806%201.509-2.363%202.34c-1.168%201.743-1.44%202.995-.8%204.863c.216.634.576%201.293.836%201.873c1.022%202.278%202.062%204.328%201.81%207.285c2.16-2.761%203.015-3.886%203.926-6.57c1.251-3.688-.007-7.659-3.41-9.791M5.643%204.656a9.3%209.3%200%200%200-3.382.659c-.21%202.657%201.021%207.23%205.516%208.506c1.818.559%203.272.413%205.056.898c-.576%201.017-1.41%201.989-1.908%202.974c-.494.976-.585%201.943-.54%203.043c.047%201.105.302%202.19.548%203.264c.924-.2%201.728-.54%202.424-.977c1.832-1.148%202.939-2.985%203.253-4.963l.015-.125v.017l.006-.061l.001-.01l.014-.16c.01-.123.022-.247.03-.356l.005-.08c.009-.117.017-.233.023-.336l.002-.034v-.002l.001-.032l.015-.34q.005-.16.005-.298v-.018a9%209%200%200%200-.014-.508c-.009-.158-.02-.305-.032-.46a11%2011%200%200%200-.529-2.662a12%2012%200%200%200-.178-.503c-.18-.471-.355-.85-.48-1.145a7%207%200%200%200-.275-.568a10%2010%200%200%200-.143-.258a9%209%200%200%200-.435-.693l-.123-.183c-2.025-2.844-5.446-4.62-8.875-4.59%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.88%200c-.844.545-1.806%201.509-2.363%202.34c-1.168%201.743-1.44%202.995-.8%204.863c.216.634.576%201.293.836%201.873c1.022%202.278%202.062%204.328%201.81%207.285c2.16-2.761%203.015-3.886%203.926-6.57c1.251-3.688-.007-7.659-3.41-9.791M5.643%204.656a9.3%209.3%200%200%200-3.382.659c-.21%202.657%201.021%207.23%205.516%208.506c1.818.559%203.272.413%205.056.898c-.576%201.017-1.41%201.989-1.908%202.974c-.494.976-.585%201.943-.54%203.043c.047%201.105.302%202.19.548%203.264c.924-.2%201.728-.54%202.424-.977c1.832-1.148%202.939-2.985%203.253-4.963l.015-.125v.017l.006-.061l.001-.01l.014-.16c.01-.123.022-.247.03-.356l.005-.08c.009-.117.017-.233.023-.336l.002-.034v-.002l.001-.032l.015-.34q.005-.16.005-.298v-.018a9%209%200%200%200-.014-.508c-.009-.158-.02-.305-.032-.46a11%2011%200%200%200-.529-2.662a12%2012%200%200%200-.178-.503c-.18-.471-.355-.85-.48-1.145a7%207%200%200%200-.275-.568a10%2010%200%200%200-.143-.258a9%209%200%200%200-.435-.693l-.123-.183c-2.025-2.844-5.446-4.62-8.875-4.59%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/yii.svg?color=%231a73e8&size=48
