Like 1 アイコン
streamline-plump-color:like-1
Like 1 アイコン(streamline-plump-color:like-1)は、Plump color icons セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Plump color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Plump color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- 基本インターフェース
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#fff" d="M19.137 5.732c-.926 3.1-2.771 8.109-4.387 11.649l-.432 25.872c4.997.758 13.632 1.812 22.133 1.632c2.612-.055 5.024-1.512 5.929-3.963c2.592-7.023 2.768-16.065 2.554-21.702c-.115-3.04-2.663-5.314-5.701-5.156c-2.85.149-6.034.392-9.281.697c.07-1.91.077-4.073-.075-6.198c-.159-2.216-1.308-4.314-3.444-4.926c-1.187-.34-2.454-.525-3.55-.623c-1.74-.157-3.245 1.043-3.745 2.718Z"/><path fill="#8fbffa" d="M3.156 41.45c.04 1.47.906 2.79 2.343 3.097c.923.197 2.105.358 3.501.358s2.578-.16 3.5-.358c1.438-.307 2.305-1.628 2.344-3.097c.067-2.496.156-6.72.156-11.545s-.089-9.049-.156-11.544c-.04-1.47-.906-2.79-2.343-3.097A16.8 16.8 0 0 0 9 14.905c-1.396 0-2.578.162-3.5.359c-1.438.307-2.305 1.628-2.344 3.097C3.089 20.856 3 25.08 3 29.905s.089 9.049.156 11.545"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M3.156 41.45c.04 1.47.906 2.79 2.343 3.097c.923.197 2.105.358 3.501.358s2.578-.16 3.5-.358c1.438-.307 2.305-1.628 2.344-3.097c.067-2.496.156-6.72.156-11.545s-.089-9.049-.156-11.544c-.04-1.47-.906-2.79-2.343-3.097A16.8 16.8 0 0 0 9 14.905c-1.396 0-2.578.162-3.5.359c-1.438.307-2.305 1.628-2.344 3.097C3.089 20.856 3 25.08 3 29.905s.089 9.049.156 11.545"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M14.75 17.38c1.616-3.539 3.461-8.548 4.387-11.648c.5-1.675 2.006-2.875 3.747-2.718c1.095.098 2.362.283 3.55.623c2.135.612 3.284 2.71 3.443 4.926c.152 2.125.146 4.289.075 6.198c3.247-.305 6.432-.548 9.28-.696c3.04-.159 5.587 2.115 5.702 5.155c.214 5.637.038 14.68-2.554 21.702c-.905 2.45-3.317 3.908-5.929 3.963c-8.501.18-17.136-.873-22.133-1.631M9 38.905v-2"/></g></svg>
Like 1 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:like-1" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:like-1" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:like-1" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--like-1]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:like-1"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:like-1"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/like-1.svg" alt="Like 1 アイコン" width="24" height="24">
Plump color icons の関連アイコン
Like 1 アイコン のよくある質問
Like 1 アイコンは商用利用でも無料ですか?
はい。Plump color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Like 1 アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump-color:like-1" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Like 1 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/like-1.svg" alt="Like 1 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Plump color icons をすべて見る →
ICONYZ
