Clion アイコン
logos:clion
Clion アイコン(logos:clion)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 256 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 256
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" 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>Clion アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:clion" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:clion" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:clion" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--clion]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:clion"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:clion"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/clion.svg" alt="Clion アイコン" width="24" height="24">他のアイコンセットの Clion アイコン
Clion アイコン のよくある質問
Clion アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Clion アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:clion" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Clion アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/clion.svg" alt="Clion アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。