codeigniter icon logo

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

Name
codeigniter-icon
Set
SVG Logos
Style
Color
Viewbox
256×316
License
CC0

Use the codeigniter icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 316"><path fill="#dd4814" d="M81.834 315.107c-20.223-8.935-33.964-28.183-35.767-50.228a70.92 70.92 0 0 1 32.181-55.763c-3.122 7.614-2.364 16.282 1.97 23.247a21.34 21.34 0 0 0 21.74 8.48c11.84-3.329 18.775-15.622 15.446-27.472a22.6 22.6 0 0 0-6.777-10.747A49.36 49.36 0 0 1 92.896 157.5a46.2 46.2 0 0 1 14.392-23.444c-5.32 14.185 9.683 28.182 19.75 35.068a523 523 0 0 1 51.537 35.274c17.997 14.185 27.808 36.388 26.272 59.103c-4.049 24.173-21.15 44.13-44.456 51.616c46.623-10.372 94.693-47.41 95.609-99.942c-.916-42.032-26.005-79.75-64.353-96.929h-1.704a15.7 15.7 0 0 1 1.182 6.511a24.5 24.5 0 0 0 0-4.334a21.2 21.2 0 0 1 0 5.122c-2.916 11.949-14.973 19.307-26.951 16.391c-4.787-1.182-9.062-3.87-12.136-7.752c-15.367-19.7 0-42.12 2.571-63.792A81.04 81.04 0 0 0 121.07 0c11.239 18.736-3.734 43.342-14.619 57.34c-10.904 13.997-26.665 24.429-39.51 36.643c-13.84 12.875-26.527 27.03-37.914 42.16C4.41 166.217-5.253 205.885 2.755 243.907c10.984 36.644 41.441 64.176 79.001 71.318h.207z"/></svg>

React

import type { SVGProps } from "react";

export function LogosCodeigniterIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 316"><path fill="#dd4814" d="M81.834 315.107c-20.223-8.935-33.964-28.183-35.767-50.228a70.92 70.92 0 0 1 32.181-55.763c-3.122 7.614-2.364 16.282 1.97 23.247a21.34 21.34 0 0 0 21.74 8.48c11.84-3.329 18.775-15.622 15.446-27.472a22.6 22.6 0 0 0-6.777-10.747A49.36 49.36 0 0 1 92.896 157.5a46.2 46.2 0 0 1 14.392-23.444c-5.32 14.185 9.683 28.182 19.75 35.068a523 523 0 0 1 51.537 35.274c17.997 14.185 27.808 36.388 26.272 59.103c-4.049 24.173-21.15 44.13-44.456 51.616c46.623-10.372 94.693-47.41 95.609-99.942c-.916-42.032-26.005-79.75-64.353-96.929h-1.704a15.7 15.7 0 0 1 1.182 6.511a24.5 24.5 0 0 0 0-4.334a21.2 21.2 0 0 1 0 5.122c-2.916 11.949-14.973 19.307-26.951 16.391c-4.787-1.182-9.062-3.87-12.136-7.752c-15.367-19.7 0-42.12 2.571-63.792A81.04 81.04 0 0 0 121.07 0c11.239 18.736-3.734 43.342-14.619 57.34c-10.904 13.997-26.665 24.429-39.51 36.643c-13.84 12.875-26.527 27.03-37.914 42.16C4.41 166.217-5.253 205.885 2.755 243.907c10.984 36.644 41.441 64.176 79.001 71.318h.207z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 316"><path fill="#dd4814" d="M81.834 315.107c-20.223-8.935-33.964-28.183-35.767-50.228a70.92 70.92 0 0 1 32.181-55.763c-3.122 7.614-2.364 16.282 1.97 23.247a21.34 21.34 0 0 0 21.74 8.48c11.84-3.329 18.775-15.622 15.446-27.472a22.6 22.6 0 0 0-6.777-10.747A49.36 49.36 0 0 1 92.896 157.5a46.2 46.2 0 0 1 14.392-23.444c-5.32 14.185 9.683 28.182 19.75 35.068a523 523 0 0 1 51.537 35.274c17.997 14.185 27.808 36.388 26.272 59.103c-4.049 24.173-21.15 44.13-44.456 51.616c46.623-10.372 94.693-47.41 95.609-99.942c-.916-42.032-26.005-79.75-64.353-96.929h-1.704a15.7 15.7 0 0 1 1.182 6.511a24.5 24.5 0 0 0 0-4.334a21.2 21.2 0 0 1 0 5.122c-2.916 11.949-14.973 19.307-26.951 16.391c-4.787-1.182-9.062-3.87-12.136-7.752c-15.367-19.7 0-42.12 2.571-63.792A81.04 81.04 0 0 0 121.07 0c11.239 18.736-3.734 43.342-14.619 57.34c-10.904 13.997-26.665 24.429-39.51 36.643c-13.84 12.875-26.527 27.03-37.914 42.16C4.41 166.217-5.253 205.885 2.755 243.907c10.984 36.644 41.441 64.176 79.001 71.318h.207z"/></svg>
</template>

CSS

.icon-codeigniter-icon {
  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%20316%22%3E%3Cpath%20fill%3D%22%23dd4814%22%20d%3D%22M81.834%20315.107c-20.223-8.935-33.964-28.183-35.767-50.228a70.92%2070.92%200%200%201%2032.181-55.763c-3.122%207.614-2.364%2016.282%201.97%2023.247a21.34%2021.34%200%200%200%2021.74%208.48c11.84-3.329%2018.775-15.622%2015.446-27.472a22.6%2022.6%200%200%200-6.777-10.747A49.36%2049.36%200%200%201%2092.896%20157.5a46.2%2046.2%200%200%201%2014.392-23.444c-5.32%2014.185%209.683%2028.182%2019.75%2035.068a523%20523%200%200%201%2051.537%2035.274c17.997%2014.185%2027.808%2036.388%2026.272%2059.103c-4.049%2024.173-21.15%2044.13-44.456%2051.616c46.623-10.372%2094.693-47.41%2095.609-99.942c-.916-42.032-26.005-79.75-64.353-96.929h-1.704a15.7%2015.7%200%200%201%201.182%206.511a24.5%2024.5%200%200%200%200-4.334a21.2%2021.2%200%200%201%200%205.122c-2.916%2011.949-14.973%2019.307-26.951%2016.391c-4.787-1.182-9.062-3.87-12.136-7.752c-15.367-19.7%200-42.12%202.571-63.792A81.04%2081.04%200%200%200%20121.07%200c11.239%2018.736-3.734%2043.342-14.619%2057.34c-10.904%2013.997-26.665%2024.429-39.51%2036.643c-13.84%2012.875-26.527%2027.03-37.914%2042.16C4.41%20166.217-5.253%20205.885%202.755%20243.907c10.984%2036.644%2041.441%2064.176%2079.001%2071.318h.207z%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%20316%22%3E%3Cpath%20fill%3D%22%23dd4814%22%20d%3D%22M81.834%20315.107c-20.223-8.935-33.964-28.183-35.767-50.228a70.92%2070.92%200%200%201%2032.181-55.763c-3.122%207.614-2.364%2016.282%201.97%2023.247a21.34%2021.34%200%200%200%2021.74%208.48c11.84-3.329%2018.775-15.622%2015.446-27.472a22.6%2022.6%200%200%200-6.777-10.747A49.36%2049.36%200%200%201%2092.896%20157.5a46.2%2046.2%200%200%201%2014.392-23.444c-5.32%2014.185%209.683%2028.182%2019.75%2035.068a523%20523%200%200%201%2051.537%2035.274c17.997%2014.185%2027.808%2036.388%2026.272%2059.103c-4.049%2024.173-21.15%2044.13-44.456%2051.616c46.623-10.372%2094.693-47.41%2095.609-99.942c-.916-42.032-26.005-79.75-64.353-96.929h-1.704a15.7%2015.7%200%200%201%201.182%206.511a24.5%2024.5%200%200%200%200-4.334a21.2%2021.2%200%200%201%200%205.122c-2.916%2011.949-14.973%2019.307-26.951%2016.391c-4.787-1.182-9.062-3.87-12.136-7.752c-15.367-19.7%200-42.12%202.571-63.792A81.04%2081.04%200%200%200%20121.07%200c11.239%2018.736-3.734%2043.342-14.619%2057.34c-10.904%2013.997-26.665%2024.429-39.51%2036.643c-13.84%2012.875-26.527%2027.03-37.914%2042.16C4.41%20166.217-5.253%20205.885%202.755%20243.907c10.984%2036.644%2041.441%2064.176%2079.001%2071.318h.207z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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