Shlink アイコン
thesvg-color:shlink
Shlink アイコン(thesvg-color:shlink)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 512 × 512 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 512 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="#2078cf"><path d="M23.71 85.08c-6.49-35.27 25.73-70.22 61.37-66.96c33.75 1.09 60.64 35.21 54.37 68.25c16.19 15.93 31.87 32.46 48.42 47.99c10.45-22.63 20.97-45.24 31.7-67.74c6.48-12.78 23.9-17.88 36.16-10.35c8.03 5.83 14.61 13.42 21.52 20.48c9.03 9.86 8.47 26.14-.94 35.56c-52.93 53.06-105.93 106.06-158.96 159.03c-9.63 9.65-26.34 9.91-36.24.52c-6.72-6.92-14.29-13.17-19.87-21.09c-7.52-12.25-2.39-29.7 10.4-36.15c22.47-10.75 45.08-21.24 67.69-31.71c-15.52-16.55-32.03-32.23-47.96-48.42c-31.17 5.79-64-17.71-67.66-49.41m181.5 116.15c20.11-19.87 55.67-20.12 75.93-.37c18.11 17.89 36.23 35.79 53.96 54.07c21.63 23.08 16.91 63.77-9.07 81.63c-5.96-6.09-12.3-11.91-17.91-18.28c15.74-8.89 20.64-32.1 8.51-45.89c-14.9-15.44-30.33-30.36-45.39-45.64c-6.75-7.1-14.44-14.75-24.87-15.23c-21.72-2.88-40.85 21.84-31.88 42.06c6.6 13.23 19.73 21.54 29.13 32.66c-3.19 9.72-5.53 19.89-5.33 30.22c-12.74-12.17-25.13-24.73-37.4-37.37c-19.92-21.52-17.79-58.64 4.32-77.86"/><path d="M273.9 352.07c-21.62-23.08-16.92-63.76 9.06-81.61c5.97 6.08 12.3 11.9 17.92 18.26c-15.74 8.9-20.65 32.1-8.5 45.89c14.89 15.44 30.32 30.35 45.37 45.64c6.76 7.1 14.45 14.75 24.89 15.23c21.71 2.89 40.85-21.84 31.87-42.06c-6.59-13.24-19.73-21.54-29.13-32.66c3.18-9.72 5.53-19.9 5.33-30.22c12.74 12.16 25.13 24.73 37.4 37.37c19.92 21.52 17.79 58.64-4.33 77.86c-20.1 19.87-55.65 20.12-75.92.37c-18.11-17.89-36.26-35.77-53.96-54.07m148.21 51.76c9.85-9.76 19.49-19.77 29.55-29.32c9.24 9.23 20.23 18.19 23.23 31.6c5.27 23.86 9.19 48.02 13.87 72.01c1.24 5.29-4.29 10.17-9.41 8.51c-24.69-5.11-49.8-8.51-74.21-14.79c-11.97-3.87-19.94-14.09-28.59-22.57c9.84-9.78 19.58-19.67 29.51-29.36c10.31 13.54 29.68-5.91 16.05-16.08"/></g></svg>Shlink アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:shlink" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:shlink" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:shlink" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--shlink]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:shlink"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:shlink"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/shlink.svg" alt="Shlink アイコン" width="24" height="24">他のアイコンセットの Shlink アイコン
Shlink アイコン のよくある質問
Shlink アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Shlink アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:shlink" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Shlink アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/shlink.svg" alt="Shlink アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。