clion logo

clion from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name: clion
Set: Devicon
Style: Original
Viewbox: 128×128
License: MIT

1 other variant in Devicon

The same logo in other sets

clionSVG Logos clionSimple Icons clion-darkSkill Icons

Use the clion logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGlpsAudzB" x1="3.981" x2="62.687" y1="4.224" y2="62.929" gradientTransform="translate(0 41.819)scale(.56678)" gradientUnits="userSpaceOnUse"><stop offset=".29" stop-color="#009ae5"/><stop offset=".7" stop-color="#00d980"/></linearGradient><linearGradient id="SVG0Oa7odkw" x1="56.379" x2="2.753" y1="-.717" y2="24.145" gradientTransform="translate(0 41.819)scale(.56678)" gradientUnits="userSpaceOnUse"><stop offset=".3" stop-color="#ff318c"/><stop offset=".54" stop-color="#009ae5"/></linearGradient></defs><path fill="url(#SVGlpsAudzB)" d="M36.275 75.786V56.533c0-.923-.55-1.758-1.4-2.121l-21.248-9.108a2.3 2.3 0 0 0-.91-.186H2.31a2.31 2.31 0 0 0-2.308 2.308V57.61c0 .456.135.902.388 1.281l12.13 18.175a2.31 2.31 0 0 0 1.92 1.027l19.526.001a2.31 2.31 0 0 0 2.309-2.308" transform="translate(0 -147.562)scale(3.52858)"/><path fill="url(#SVG0Oa7odkw)" d="M32.977 50.048v-5.92a2.31 2.31 0 0 0-2.308-2.309h-7.42q-.166 0-.327.023l-20.94 2.991a2.31 2.31 0 0 0-1.981 2.285v8.883A2.31 2.31 0 0 0 2.31 58.31l10.507-.003q.374 0 .73-.118l17.852-5.951a2.31 2.31 0 0 0 1.578-2.19" transform="translate(0 -147.562)scale(3.52858)"/><path fill="#ff318c" d="m116.361 31.894l-.003-23.75A8.145 8.145 0 0 0 108.212 0H85.2a8.15 8.15 0 0 0-6.184 2.844l-65.417 76.32a8.15 8.15 0 0 0-1.96 5.302v23.75a8.145 8.145 0 0 0 8.145 8.145h23.015a8.15 8.15 0 0 0 6.185-2.844l65.416-76.32a8.14 8.14 0 0 0 1.961-5.303"/><path d="M103.999 24H24v79.997h80Z"/><path fill="#fff" d="M40.095 62.32q3.478 2.005 7.765 2.006v-.003q3.627 0 6.656-1.344q3.03-1.343 5.034-3.754a12.8 12.8 0 0 0 2.71-5.568h-6.102a8.1 8.1 0 0 1-1.791 2.859a8 8 0 0 1-2.838 1.877q-1.664.661-3.626.662q-2.646 0-4.779-1.322t-3.349-3.626q-1.195-2.325-1.194-5.227q0-2.901 1.194-5.205q1.217-2.325 3.35-3.648t4.778-1.322q1.96.001 3.626.662a7.85 7.85 0 0 1 2.838 1.898a7.9 7.9 0 0 1 1.791 2.837h6.102a12.7 12.7 0 0 0-2.71-5.546q-2.006-2.432-5.034-3.776q-3.03-1.344-6.656-1.344q-4.288 0-7.765 2.027q-3.479 2.005-5.462 5.546q-1.983 3.52-1.984 7.871q0 4.354 1.984 7.894a14.63 14.63 0 0 0 5.462 5.546m32.155-3.755V33.947h-5.803v29.866h19.967v-5.248zm-38.26 29.43h31.998v6H33.99Z"/></svg>

React

import type { SVGProps } from "react";

export function DeviconClion(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGlpsAudzB" x1="3.981" x2="62.687" y1="4.224" y2="62.929" gradientTransform="translate(0 41.819)scale(.56678)" gradientUnits="userSpaceOnUse"><stop offset=".29" stopColor="#009ae5"/><stop offset=".7" stopColor="#00d980"/></linearGradient><linearGradient id="SVG0Oa7odkw" x1="56.379" x2="2.753" y1="-.717" y2="24.145" gradientTransform="translate(0 41.819)scale(.56678)" gradientUnits="userSpaceOnUse"><stop offset=".3" stopColor="#ff318c"/><stop offset=".54" stopColor="#009ae5"/></linearGradient></defs><path fill="url(#SVGlpsAudzB)" d="M36.275 75.786V56.533c0-.923-.55-1.758-1.4-2.121l-21.248-9.108a2.3 2.3 0 0 0-.91-.186H2.31a2.31 2.31 0 0 0-2.308 2.308V57.61c0 .456.135.902.388 1.281l12.13 18.175a2.31 2.31 0 0 0 1.92 1.027l19.526.001a2.31 2.31 0 0 0 2.309-2.308" transform="translate(0 -147.562)scale(3.52858)"/><path fill="url(#SVG0Oa7odkw)" d="M32.977 50.048v-5.92a2.31 2.31 0 0 0-2.308-2.309h-7.42q-.166 0-.327.023l-20.94 2.991a2.31 2.31 0 0 0-1.981 2.285v8.883A2.31 2.31 0 0 0 2.31 58.31l10.507-.003q.374 0 .73-.118l17.852-5.951a2.31 2.31 0 0 0 1.578-2.19" transform="translate(0 -147.562)scale(3.52858)"/><path fill="#ff318c" d="m116.361 31.894l-.003-23.75A8.145 8.145 0 0 0 108.212 0H85.2a8.15 8.15 0 0 0-6.184 2.844l-65.417 76.32a8.15 8.15 0 0 0-1.96 5.302v23.75a8.145 8.145 0 0 0 8.145 8.145h23.015a8.15 8.15 0 0 0 6.185-2.844l65.416-76.32a8.14 8.14 0 0 0 1.961-5.303"/><path d="M103.999 24H24v79.997h80Z"/><path fill="#fff" d="M40.095 62.32q3.478 2.005 7.765 2.006v-.003q3.627 0 6.656-1.344q3.03-1.343 5.034-3.754a12.8 12.8 0 0 0 2.71-5.568h-6.102a8.1 8.1 0 0 1-1.791 2.859a8 8 0 0 1-2.838 1.877q-1.664.661-3.626.662q-2.646 0-4.779-1.322t-3.349-3.626q-1.195-2.325-1.194-5.227q0-2.901 1.194-5.205q1.217-2.325 3.35-3.648t4.778-1.322q1.96.001 3.626.662a7.85 7.85 0 0 1 2.838 1.898a7.9 7.9 0 0 1 1.791 2.837h6.102a12.7 12.7 0 0 0-2.71-5.546q-2.006-2.432-5.034-3.776q-3.03-1.344-6.656-1.344q-4.288 0-7.765 2.027q-3.479 2.005-5.462 5.546q-1.983 3.52-1.984 7.871q0 4.354 1.984 7.894a14.63 14.63 0 0 0 5.462 5.546m32.155-3.755V33.947h-5.803v29.866h19.967v-5.248zm-38.26 29.43h31.998v6H33.99Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGlpsAudzB" x1="3.981" x2="62.687" y1="4.224" y2="62.929" gradientTransform="translate(0 41.819)scale(.56678)" gradientUnits="userSpaceOnUse"><stop offset=".29" stop-color="#009ae5"/><stop offset=".7" stop-color="#00d980"/></linearGradient><linearGradient id="SVG0Oa7odkw" x1="56.379" x2="2.753" y1="-.717" y2="24.145" gradientTransform="translate(0 41.819)scale(.56678)" gradientUnits="userSpaceOnUse"><stop offset=".3" stop-color="#ff318c"/><stop offset=".54" stop-color="#009ae5"/></linearGradient></defs><path fill="url(#SVGlpsAudzB)" d="M36.275 75.786V56.533c0-.923-.55-1.758-1.4-2.121l-21.248-9.108a2.3 2.3 0 0 0-.91-.186H2.31a2.31 2.31 0 0 0-2.308 2.308V57.61c0 .456.135.902.388 1.281l12.13 18.175a2.31 2.31 0 0 0 1.92 1.027l19.526.001a2.31 2.31 0 0 0 2.309-2.308" transform="translate(0 -147.562)scale(3.52858)"/><path fill="url(#SVG0Oa7odkw)" d="M32.977 50.048v-5.92a2.31 2.31 0 0 0-2.308-2.309h-7.42q-.166 0-.327.023l-20.94 2.991a2.31 2.31 0 0 0-1.981 2.285v8.883A2.31 2.31 0 0 0 2.31 58.31l10.507-.003q.374 0 .73-.118l17.852-5.951a2.31 2.31 0 0 0 1.578-2.19" transform="translate(0 -147.562)scale(3.52858)"/><path fill="#ff318c" d="m116.361 31.894l-.003-23.75A8.145 8.145 0 0 0 108.212 0H85.2a8.15 8.15 0 0 0-6.184 2.844l-65.417 76.32a8.15 8.15 0 0 0-1.96 5.302v23.75a8.145 8.145 0 0 0 8.145 8.145h23.015a8.15 8.15 0 0 0 6.185-2.844l65.416-76.32a8.14 8.14 0 0 0 1.961-5.303"/><path d="M103.999 24H24v79.997h80Z"/><path fill="#fff" d="M40.095 62.32q3.478 2.005 7.765 2.006v-.003q3.627 0 6.656-1.344q3.03-1.343 5.034-3.754a12.8 12.8 0 0 0 2.71-5.568h-6.102a8.1 8.1 0 0 1-1.791 2.859a8 8 0 0 1-2.838 1.877q-1.664.661-3.626.662q-2.646 0-4.779-1.322t-3.349-3.626q-1.195-2.325-1.194-5.227q0-2.901 1.194-5.205q1.217-2.325 3.35-3.648t4.778-1.322q1.96.001 3.626.662a7.85 7.85 0 0 1 2.838 1.898a7.9 7.9 0 0 1 1.791 2.837h6.102a12.7 12.7 0 0 0-2.71-5.546q-2.006-2.432-5.034-3.776q-3.03-1.344-6.656-1.344q-4.288 0-7.765 2.027q-3.479 2.005-5.462 5.546q-1.983 3.52-1.984 7.871q0 4.354 1.984 7.894a14.63 14.63 0 0 0 5.462 5.546m32.155-3.755V33.947h-5.803v29.866h19.967v-5.248zm-38.26 29.43h31.998v6H33.99Z"/></svg>
</template>

CSS

.icon-clion {
  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%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGlpsAudzB%22%20x1%3D%223.981%22%20x2%3D%2262.687%22%20y1%3D%224.224%22%20y2%3D%2262.929%22%20gradientTransform%3D%22translate(0%2041.819)scale(.56678)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.29%22%20stop-color%3D%22%23009ae5%22%2F%3E%3Cstop%20offset%3D%22.7%22%20stop-color%3D%22%2300d980%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG0Oa7odkw%22%20x1%3D%2256.379%22%20x2%3D%222.753%22%20y1%3D%22-.717%22%20y2%3D%2224.145%22%20gradientTransform%3D%22translate(0%2041.819)scale(.56678)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.3%22%20stop-color%3D%22%23ff318c%22%2F%3E%3Cstop%20offset%3D%22.54%22%20stop-color%3D%22%23009ae5%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGlpsAudzB)%22%20d%3D%22M36.275%2075.786V56.533c0-.923-.55-1.758-1.4-2.121l-21.248-9.108a2.3%202.3%200%200%200-.91-.186H2.31a2.31%202.31%200%200%200-2.308%202.308V57.61c0%20.456.135.902.388%201.281l12.13%2018.175a2.31%202.31%200%200%200%201.92%201.027l19.526.001a2.31%202.31%200%200%200%202.309-2.308%22%20transform%3D%22translate(0%20-147.562)scale(3.52858)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG0Oa7odkw)%22%20d%3D%22M32.977%2050.048v-5.92a2.31%202.31%200%200%200-2.308-2.309h-7.42q-.166%200-.327.023l-20.94%202.991a2.31%202.31%200%200%200-1.981%202.285v8.883A2.31%202.31%200%200%200%202.31%2058.31l10.507-.003q.374%200%20.73-.118l17.852-5.951a2.31%202.31%200%200%200%201.578-2.19%22%20transform%3D%22translate(0%20-147.562)scale(3.52858)%22%2F%3E%3Cpath%20fill%3D%22%23ff318c%22%20d%3D%22m116.361%2031.894l-.003-23.75A8.145%208.145%200%200%200%20108.212%200H85.2a8.15%208.15%200%200%200-6.184%202.844l-65.417%2076.32a8.15%208.15%200%200%200-1.96%205.302v23.75a8.145%208.145%200%200%200%208.145%208.145h23.015a8.15%208.15%200%200%200%206.185-2.844l65.416-76.32a8.14%208.14%200%200%200%201.961-5.303%22%2F%3E%3Cpath%20d%3D%22M103.999%2024H24v79.997h80Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M40.095%2062.32q3.478%202.005%207.765%202.006v-.003q3.627%200%206.656-1.344q3.03-1.343%205.034-3.754a12.8%2012.8%200%200%200%202.71-5.568h-6.102a8.1%208.1%200%200%201-1.791%202.859a8%208%200%200%201-2.838%201.877q-1.664.661-3.626.662q-2.646%200-4.779-1.322t-3.349-3.626q-1.195-2.325-1.194-5.227q0-2.901%201.194-5.205q1.217-2.325%203.35-3.648t4.778-1.322q1.96.001%203.626.662a7.85%207.85%200%200%201%202.838%201.898a7.9%207.9%200%200%201%201.791%202.837h6.102a12.7%2012.7%200%200%200-2.71-5.546q-2.006-2.432-5.034-3.776q-3.03-1.344-6.656-1.344q-4.288%200-7.765%202.027q-3.479%202.005-5.462%205.546q-1.983%203.52-1.984%207.871q0%204.354%201.984%207.894a14.63%2014.63%200%200%200%205.462%205.546m32.155-3.755V33.947h-5.803v29.866h19.967v-5.248zm-38.26%2029.43h31.998v6H33.99Z%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%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGlpsAudzB%22%20x1%3D%223.981%22%20x2%3D%2262.687%22%20y1%3D%224.224%22%20y2%3D%2262.929%22%20gradientTransform%3D%22translate(0%2041.819)scale(.56678)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.29%22%20stop-color%3D%22%23009ae5%22%2F%3E%3Cstop%20offset%3D%22.7%22%20stop-color%3D%22%2300d980%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG0Oa7odkw%22%20x1%3D%2256.379%22%20x2%3D%222.753%22%20y1%3D%22-.717%22%20y2%3D%2224.145%22%20gradientTransform%3D%22translate(0%2041.819)scale(.56678)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.3%22%20stop-color%3D%22%23ff318c%22%2F%3E%3Cstop%20offset%3D%22.54%22%20stop-color%3D%22%23009ae5%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGlpsAudzB)%22%20d%3D%22M36.275%2075.786V56.533c0-.923-.55-1.758-1.4-2.121l-21.248-9.108a2.3%202.3%200%200%200-.91-.186H2.31a2.31%202.31%200%200%200-2.308%202.308V57.61c0%20.456.135.902.388%201.281l12.13%2018.175a2.31%202.31%200%200%200%201.92%201.027l19.526.001a2.31%202.31%200%200%200%202.309-2.308%22%20transform%3D%22translate(0%20-147.562)scale(3.52858)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG0Oa7odkw)%22%20d%3D%22M32.977%2050.048v-5.92a2.31%202.31%200%200%200-2.308-2.309h-7.42q-.166%200-.327.023l-20.94%202.991a2.31%202.31%200%200%200-1.981%202.285v8.883A2.31%202.31%200%200%200%202.31%2058.31l10.507-.003q.374%200%20.73-.118l17.852-5.951a2.31%202.31%200%200%200%201.578-2.19%22%20transform%3D%22translate(0%20-147.562)scale(3.52858)%22%2F%3E%3Cpath%20fill%3D%22%23ff318c%22%20d%3D%22m116.361%2031.894l-.003-23.75A8.145%208.145%200%200%200%20108.212%200H85.2a8.15%208.15%200%200%200-6.184%202.844l-65.417%2076.32a8.15%208.15%200%200%200-1.96%205.302v23.75a8.145%208.145%200%200%200%208.145%208.145h23.015a8.15%208.15%200%200%200%206.185-2.844l65.416-76.32a8.14%208.14%200%200%200%201.961-5.303%22%2F%3E%3Cpath%20d%3D%22M103.999%2024H24v79.997h80Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M40.095%2062.32q3.478%202.005%207.765%202.006v-.003q3.627%200%206.656-1.344q3.03-1.343%205.034-3.754a12.8%2012.8%200%200%200%202.71-5.568h-6.102a8.1%208.1%200%200%201-1.791%202.859a8%208%200%200%201-2.838%201.877q-1.664.661-3.626.662q-2.646%200-4.779-1.322t-3.349-3.626q-1.195-2.325-1.194-5.227q0-2.901%201.194-5.205q1.217-2.325%203.35-3.648t4.778-1.322q1.96.001%203.626.662a7.85%207.85%200%200%201%202.838%201.898a7.9%207.9%200%200%201%201.791%202.837h6.102a12.7%2012.7%200%200%200-2.71-5.546q-2.006-2.432-5.034-3.776q-3.03-1.344-6.656-1.344q-4.288%200-7.765%202.027q-3.479%202.005-5.462%205.546q-1.983%203.52-1.984%207.871q0%204.354%201.984%207.894a14.63%2014.63%200%200%200%205.462%205.546m32.155-3.755V33.947h-5.803v29.866h19.967v-5.248zm-38.26%2029.43h31.998v6H33.99Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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