Deepin アイコン
cib:deepin
Deepin アイコン(cib:deepin)は、CoreUI Brands セットの無料 SVG アイコンです（作者: creativeLabs Łukasz Holeczek）。 32 × 32 のグリッドで描かれています。 CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- CoreUI Brands
- 作者
- creativeLabs Łukasz Holeczek
- ライセンス
- CC0-1.0
- サイズ
- 32 × 32
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M21.474.927C19.172.088 16.818-.141 14.531.073c-2.651.214-3.943 1.031-3.865.885c-4.339 1.547-8 4.875-9.698 9.542c-3.021 8.313 1.26 17.505 9.557 20.531c8.302 3.026 17.484-1.26 20.505-9.573S29.77 3.953 21.473.927zM11.073 29.526a14.5 14.5 0 0 1-2.49-1.203c3.87.297 8.917-.594 12.318-3.781c0 0 6.49-5.182 1.797-13.693c0 0 .755 3.432-.208 6.25c0 0-.922 3.839-5.01 4.948c-6.021 1.646-12.885-2.573-15.755-4.615c-.214-2.099-.026-4.266.745-6.385c1.141-3.135 3.286-5.583 5.906-7.224c-.656 4.578-.135 8.797.604 10.563c1 2.37 2.734 5.135 6.12 5.49c3.391.354 5.255-2.813 5.255-2.813c1.74-2.641 2.01-6.432 1.984-6.526c-.026-.089-.464-.339-.464-.339c-1.167 4.729-3.094 6.312-3.094 6.312c-3.042 2.932-5.198.896-5.198.896c-2.313-2.484-.693-6.526-.693-6.526c.906-2.75 3.547-6.776 6.542-8.828c.5.125 1 .203 1.495.38c1.75.641 3.359 1.62 4.734 2.88c-2.188.802-5.719 2.49-5.719 2.49c-5.599 2.359-5.979 5.927-5.979 5.927c-.583 3.677 2.339 2.12 2.339 2.12c3-1.464 4.479-6.021 4.479-6.021c-.938-.182-1.677.104-1.677.104c-1.198 2.964-3.646 4.177-3.646 4.177c-.964.51-1.188-.391-1.188-.391c-.161-.677.698-.792.698-.792c1.333-.516 2.188-1.917 2.38-2.49s.547-.62.547-.62a17.7 17.7 0 0 1 3.495-.714c2.266-.276 5.734.807 5.734.807c.781.313 1.526.547 2.188.734c1.276 3.177 1.474 6.797.214 10.266c-2.719 7.479-10.979 11.339-18.453 8.615z"/></svg>Deepin アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cib:deepin" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:deepin" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:deepin" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--deepin]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:deepin"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:deepin"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cib/deepin.svg" alt="Deepin アイコン" width="24" height="24">他のアイコンセットの Deepin アイコン
Deepin アイコン のよくある質問
Deepin アイコンは商用利用でも無料ですか?
はい。CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Deepin アイコンを使うには?
@iconify/react をインストールして <Icon icon="cib:deepin" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Deepin アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cib/deepin.svg" alt="Deepin アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。