clion logo
clion from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- clion
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
The same logo in other sets
Use the clion logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGnzO48b2M" x1="0%" x2="115.015%" y1="50%" y2="50%"><stop offset="0%" stop-color="#ff318c"/><stop offset="15%" stop-color="#fb348c"/><stop offset="28%" stop-color="#f03c8c"/><stop offset="42%" stop-color="#de4a8c"/><stop offset="54%" stop-color="#c45d8b"/><stop offset="67%" stop-color="#a2778b"/><stop offset="79%" stop-color="#79958a"/><stop offset="91%" stop-color="#49b98a"/><stop offset="100%" stop-color="#21d789"/></linearGradient><linearGradient id="SVGMTc1AcLj" x1="53.816%" x2="43.444%" y1="17.257%" y2="151.488%"><stop offset="9%" stop-color="#21d789"/><stop offset="90%" stop-color="#009ae5"/></linearGradient><linearGradient id="SVG0ouq0BHD" x1="93.049%" x2="-9.597%" y1="9.981%" y2="113.191%"><stop offset="9%" stop-color="#21d789"/><stop offset="90%" stop-color="#009ae5"/></linearGradient><linearGradient id="SVG3JQhzesp" x1="32.388%" x2="91.688%" y1="46.039%" y2="52.244%"><stop offset="9%" stop-color="#21d789"/><stop offset="90%" stop-color="#009ae5"/></linearGradient></defs><path fill="url(#SVGnzO48b2M)" d="M92.027 100.107L97.573 0l58.214 32.267z"/><path fill="url(#SVGMTc1AcLj)" d="M92.027 100.107L97.573 0l-73.92 46.587L0 188.213z"/><path fill="url(#SVG0ouq0BHD)" d="M250.907 76.72L217.973 9.76l-62.186 22.507l-63.76 67.84L0 188.213l83.013 60.427l104.347-94.107z"/><path fill="url(#SVG3JQhzesp)" d="M208 146.773V208H107.467l44.186 34.187l64 13.813L256 164.667z"/><path d="M48 48h160v160H48z"/><path fill="#fff" d="M67.947 177.76h60v10h-60zm60.186-109.92h13.334v49.04h26.266V128h-39.6zM63.676 98.815l.004-.655a30.773 30.773 0 0 1 31.547-31.307a31.23 31.23 0 0 1 23.84 9.334l-8.4 9.786a22.35 22.35 0 0 0-15.494-6.826c-10.073 0-17.356 8.266-17.517 18.481l-.003.532c0 10.373 7.174 19.013 17.52 19.013c6.934 0 11.147-2.666 16-7.093l8.32 8.587a30.93 30.93 0 0 1-24.826 10.666a30.533 30.533 0 0 1-30.99-30.518"/></svg>
React
import type { SVGProps } from "react";
export function LogosClion(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGnzO48b2M" x1="0%" x2="115.015%" y1="50%" y2="50%"><stop offset="0%" stopColor="#ff318c"/><stop offset="15%" stopColor="#fb348c"/><stop offset="28%" stopColor="#f03c8c"/><stop offset="42%" stopColor="#de4a8c"/><stop offset="54%" stopColor="#c45d8b"/><stop offset="67%" stopColor="#a2778b"/><stop offset="79%" stopColor="#79958a"/><stop offset="91%" stopColor="#49b98a"/><stop offset="100%" stopColor="#21d789"/></linearGradient><linearGradient id="SVGMTc1AcLj" x1="53.816%" x2="43.444%" y1="17.257%" y2="151.488%"><stop offset="9%" stopColor="#21d789"/><stop offset="90%" stopColor="#009ae5"/></linearGradient><linearGradient id="SVG0ouq0BHD" x1="93.049%" x2="-9.597%" y1="9.981%" y2="113.191%"><stop offset="9%" stopColor="#21d789"/><stop offset="90%" stopColor="#009ae5"/></linearGradient><linearGradient id="SVG3JQhzesp" x1="32.388%" x2="91.688%" y1="46.039%" y2="52.244%"><stop offset="9%" stopColor="#21d789"/><stop offset="90%" stopColor="#009ae5"/></linearGradient></defs><path fill="url(#SVGnzO48b2M)" d="M92.027 100.107L97.573 0l58.214 32.267z"/><path fill="url(#SVGMTc1AcLj)" d="M92.027 100.107L97.573 0l-73.92 46.587L0 188.213z"/><path fill="url(#SVG0ouq0BHD)" d="M250.907 76.72L217.973 9.76l-62.186 22.507l-63.76 67.84L0 188.213l83.013 60.427l104.347-94.107z"/><path fill="url(#SVG3JQhzesp)" d="M208 146.773V208H107.467l44.186 34.187l64 13.813L256 164.667z"/><path d="M48 48h160v160H48z"/><path fill="#fff" d="M67.947 177.76h60v10h-60zm60.186-109.92h13.334v49.04h26.266V128h-39.6zM63.676 98.815l.004-.655a30.773 30.773 0 0 1 31.547-31.307a31.23 31.23 0 0 1 23.84 9.334l-8.4 9.786a22.35 22.35 0 0 0-15.494-6.826c-10.073 0-17.356 8.266-17.517 18.481l-.003.532c0 10.373 7.174 19.013 17.52 19.013c6.934 0 11.147-2.666 16-7.093l8.32 8.587a30.93 30.93 0 0 1-24.826 10.666a30.533 30.533 0 0 1-30.99-30.518"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGnzO48b2M" x1="0%" x2="115.015%" y1="50%" y2="50%"><stop offset="0%" stop-color="#ff318c"/><stop offset="15%" stop-color="#fb348c"/><stop offset="28%" stop-color="#f03c8c"/><stop offset="42%" stop-color="#de4a8c"/><stop offset="54%" stop-color="#c45d8b"/><stop offset="67%" stop-color="#a2778b"/><stop offset="79%" stop-color="#79958a"/><stop offset="91%" stop-color="#49b98a"/><stop offset="100%" stop-color="#21d789"/></linearGradient><linearGradient id="SVGMTc1AcLj" x1="53.816%" x2="43.444%" y1="17.257%" y2="151.488%"><stop offset="9%" stop-color="#21d789"/><stop offset="90%" stop-color="#009ae5"/></linearGradient><linearGradient id="SVG0ouq0BHD" x1="93.049%" x2="-9.597%" y1="9.981%" y2="113.191%"><stop offset="9%" stop-color="#21d789"/><stop offset="90%" stop-color="#009ae5"/></linearGradient><linearGradient id="SVG3JQhzesp" x1="32.388%" x2="91.688%" y1="46.039%" y2="52.244%"><stop offset="9%" stop-color="#21d789"/><stop offset="90%" stop-color="#009ae5"/></linearGradient></defs><path fill="url(#SVGnzO48b2M)" d="M92.027 100.107L97.573 0l58.214 32.267z"/><path fill="url(#SVGMTc1AcLj)" d="M92.027 100.107L97.573 0l-73.92 46.587L0 188.213z"/><path fill="url(#SVG0ouq0BHD)" d="M250.907 76.72L217.973 9.76l-62.186 22.507l-63.76 67.84L0 188.213l83.013 60.427l104.347-94.107z"/><path fill="url(#SVG3JQhzesp)" d="M208 146.773V208H107.467l44.186 34.187l64 13.813L256 164.667z"/><path d="M48 48h160v160H48z"/><path fill="#fff" d="M67.947 177.76h60v10h-60zm60.186-109.92h13.334v49.04h26.266V128h-39.6zM63.676 98.815l.004-.655a30.773 30.773 0 0 1 31.547-31.307a31.23 31.23 0 0 1 23.84 9.334l-8.4 9.786a22.35 22.35 0 0 0-15.494-6.826c-10.073 0-17.356 8.266-17.517 18.481l-.003.532c0 10.373 7.174 19.013 17.52 19.013c6.934 0 11.147-2.666 16-7.093l8.32 8.587a30.93 30.93 0 0 1-24.826 10.666a30.533 30.533 0 0 1-30.99-30.518"/></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%20256%20256%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGnzO48b2M%22%20x1%3D%220%25%22%20x2%3D%22115.015%25%22%20y1%3D%2250%25%22%20y2%3D%2250%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23ff318c%22%2F%3E%3Cstop%20offset%3D%2215%25%22%20stop-color%3D%22%23fb348c%22%2F%3E%3Cstop%20offset%3D%2228%25%22%20stop-color%3D%22%23f03c8c%22%2F%3E%3Cstop%20offset%3D%2242%25%22%20stop-color%3D%22%23de4a8c%22%2F%3E%3Cstop%20offset%3D%2254%25%22%20stop-color%3D%22%23c45d8b%22%2F%3E%3Cstop%20offset%3D%2267%25%22%20stop-color%3D%22%23a2778b%22%2F%3E%3Cstop%20offset%3D%2279%25%22%20stop-color%3D%22%2379958a%22%2F%3E%3Cstop%20offset%3D%2291%25%22%20stop-color%3D%22%2349b98a%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2321d789%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGMTc1AcLj%22%20x1%3D%2253.816%25%22%20x2%3D%2243.444%25%22%20y1%3D%2217.257%25%22%20y2%3D%22151.488%25%22%3E%3Cstop%20offset%3D%229%25%22%20stop-color%3D%22%2321d789%22%2F%3E%3Cstop%20offset%3D%2290%25%22%20stop-color%3D%22%23009ae5%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG0ouq0BHD%22%20x1%3D%2293.049%25%22%20x2%3D%22-9.597%25%22%20y1%3D%229.981%25%22%20y2%3D%22113.191%25%22%3E%3Cstop%20offset%3D%229%25%22%20stop-color%3D%22%2321d789%22%2F%3E%3Cstop%20offset%3D%2290%25%22%20stop-color%3D%22%23009ae5%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG3JQhzesp%22%20x1%3D%2232.388%25%22%20x2%3D%2291.688%25%22%20y1%3D%2246.039%25%22%20y2%3D%2252.244%25%22%3E%3Cstop%20offset%3D%229%25%22%20stop-color%3D%22%2321d789%22%2F%3E%3Cstop%20offset%3D%2290%25%22%20stop-color%3D%22%23009ae5%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGnzO48b2M)%22%20d%3D%22M92.027%20100.107L97.573%200l58.214%2032.267z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGMTc1AcLj)%22%20d%3D%22M92.027%20100.107L97.573%200l-73.92%2046.587L0%20188.213z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG0ouq0BHD)%22%20d%3D%22M250.907%2076.72L217.973%209.76l-62.186%2022.507l-63.76%2067.84L0%20188.213l83.013%2060.427l104.347-94.107z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG3JQhzesp)%22%20d%3D%22M208%20146.773V208H107.467l44.186%2034.187l64%2013.813L256%20164.667z%22%2F%3E%3Cpath%20d%3D%22M48%2048h160v160H48z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M67.947%20177.76h60v10h-60zm60.186-109.92h13.334v49.04h26.266V128h-39.6zM63.676%2098.815l.004-.655a30.773%2030.773%200%200%201%2031.547-31.307a31.23%2031.23%200%200%201%2023.84%209.334l-8.4%209.786a22.35%2022.35%200%200%200-15.494-6.826c-10.073%200-17.356%208.266-17.517%2018.481l-.003.532c0%2010.373%207.174%2019.013%2017.52%2019.013c6.934%200%2011.147-2.666%2016-7.093l8.32%208.587a30.93%2030.93%200%200%201-24.826%2010.666a30.533%2030.533%200%200%201-30.99-30.518%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%20256%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGnzO48b2M%22%20x1%3D%220%25%22%20x2%3D%22115.015%25%22%20y1%3D%2250%25%22%20y2%3D%2250%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23ff318c%22%2F%3E%3Cstop%20offset%3D%2215%25%22%20stop-color%3D%22%23fb348c%22%2F%3E%3Cstop%20offset%3D%2228%25%22%20stop-color%3D%22%23f03c8c%22%2F%3E%3Cstop%20offset%3D%2242%25%22%20stop-color%3D%22%23de4a8c%22%2F%3E%3Cstop%20offset%3D%2254%25%22%20stop-color%3D%22%23c45d8b%22%2F%3E%3Cstop%20offset%3D%2267%25%22%20stop-color%3D%22%23a2778b%22%2F%3E%3Cstop%20offset%3D%2279%25%22%20stop-color%3D%22%2379958a%22%2F%3E%3Cstop%20offset%3D%2291%25%22%20stop-color%3D%22%2349b98a%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2321d789%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGMTc1AcLj%22%20x1%3D%2253.816%25%22%20x2%3D%2243.444%25%22%20y1%3D%2217.257%25%22%20y2%3D%22151.488%25%22%3E%3Cstop%20offset%3D%229%25%22%20stop-color%3D%22%2321d789%22%2F%3E%3Cstop%20offset%3D%2290%25%22%20stop-color%3D%22%23009ae5%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG0ouq0BHD%22%20x1%3D%2293.049%25%22%20x2%3D%22-9.597%25%22%20y1%3D%229.981%25%22%20y2%3D%22113.191%25%22%3E%3Cstop%20offset%3D%229%25%22%20stop-color%3D%22%2321d789%22%2F%3E%3Cstop%20offset%3D%2290%25%22%20stop-color%3D%22%23009ae5%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG3JQhzesp%22%20x1%3D%2232.388%25%22%20x2%3D%2291.688%25%22%20y1%3D%2246.039%25%22%20y2%3D%2252.244%25%22%3E%3Cstop%20offset%3D%229%25%22%20stop-color%3D%22%2321d789%22%2F%3E%3Cstop%20offset%3D%2290%25%22%20stop-color%3D%22%23009ae5%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGnzO48b2M)%22%20d%3D%22M92.027%20100.107L97.573%200l58.214%2032.267z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGMTc1AcLj)%22%20d%3D%22M92.027%20100.107L97.573%200l-73.92%2046.587L0%20188.213z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG0ouq0BHD)%22%20d%3D%22M250.907%2076.72L217.973%209.76l-62.186%2022.507l-63.76%2067.84L0%20188.213l83.013%2060.427l104.347-94.107z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG3JQhzesp)%22%20d%3D%22M208%20146.773V208H107.467l44.186%2034.187l64%2013.813L256%20164.667z%22%2F%3E%3Cpath%20d%3D%22M48%2048h160v160H48z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M67.947%20177.76h60v10h-60zm60.186-109.92h13.334v49.04h26.266V128h-39.6zM63.676%2098.815l.004-.655a30.773%2030.773%200%200%201%2031.547-31.307a31.23%2031.23%200%200%201%2023.84%209.334l-8.4%209.786a22.35%2022.35%200%200%200-15.494-6.826c-10.073%200-17.356%208.266-17.517%2018.481l-.003.532c0%2010.373%207.174%2019.013%2017.52%2019.013c6.934%200%2011.147-2.666%2016-7.093l8.32%208.587a30.93%2030.93%200%200%201-24.826%2010.666a30.533%2030.533%200%200%201-30.99-30.518%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/clion.svg?color=%231a73e8&size=48
