Dislike アイコン
simple-line-icons:dislike
Dislike アイコン(simple-line-icons:dislike)は、Simple line icons セットの無料 SVG アイコンです（作者: Sabbir Ahmed）。 1024 × 1024 のグリッドで描かれています。 Simple line icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple line icons
- 作者
- Sabbir Ahmed
- ライセンス
- MIT
- サイズ
- 1024 × 1024
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M415.44.24c290.832 0 293.089 12.066 329.104 39.187c19.104 14.368 55.151 24.335 186.831 32.912c9.568.624 18.64 4.288 24.736 11.68c2.8 3.408 68.592 99.36 68.592 253.023c0 151.44-47.088 220.48-49.103 223.696a31.99 31.99 0 0 1-27.12 15.024c-108.112 0-257.984 138-358.752 378.912c-17.424 41.664-21.008 69.055-85.024 69.055c-36.4 0-77.2-26.064-97.376-59.504c-41.311-68.32-20.336-215.057-.912-293.474c-66 .529-185.472 1.44-242.319 1.44c-79.072 0-131.393-47.151-133.009-116.096c-.512-22.752 2.464-51.824 9.056-66.832C22.752 471.903.288 445.71-.687 411.998c-1.233-43.504 27.279-76.64 45.455-95.664c-4.16-12.656-12.512-29.44-11.712-49.505c2.015-49.343 40.095-81.151 63.84-97.743c-1.953-13.456-3.489-38.944.832-58.624C114.848 31.838 230.128.238 415.44.238zm498.946 137.01c-114.688-9.488-175.996-22.338-208.332-46.69c-25.024-18.832-21.152-26.303-290.608-26.303c-82.176 0-242.896 3.424-255.216 59.824c-4.912 22.56 18.88 44.752 18.976 44.912c6.496 16.048-.752 34.848-16.592 41.776c-.256.127-64.128 23.024-65.6 58.736c-.944 22.832 14.72 36.544 15.088 37.103c9.312 14.464 5.903 34.32-8.225 44.16c-.16.128-41.568 25.216-40.543 59.44c.784 27.152 36.576 46.288 37.664 46.928c8 4.576 13.824 12.496 15.631 21.568c1.808 9.025-.224 18.528-5.824 25.84c0 0-16.272 25.872-15.696 50.112c1.184 51.936 57.023 53.568 69.008 53.568c80.72 0 288.03-.848 288.03-.848c11.184-.032 20.864 5.248 26.864 14.192s6.464 20.065 2.928 30.225c-31.248 90.032-48.704 231.28-19.712 279.536c8.528 14.224 10.496 28.432 42.496 28.432c4.432 0 14.991-3.504 25.999-29.745c106.992-255.808 266.704-403.808 397.521-417.15c11.28-25.728 32.496-79.04 32.496-175.792c-.032-98.736-31.312-175.104-46.353-199.824"/></svg>
Dislike アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-line-icons:dislike" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-line-icons:dislike" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-line-icons:dislike" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-line-icons--dislike]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-line-icons -->
<div class="i-simple-line-icons:dislike"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-line-icons:dislike"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-line-icons/dislike.svg" alt="Dislike アイコン" width="24" height="24">
Dislike アイコン のよくある質問
Dislike アイコンは商用利用でも無料ですか?
はい。Simple line icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Dislike アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-line-icons:dislike" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Dislike アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-line-icons/dislike.svg" alt="Dislike アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Simple line icons をすべて見る →
ICONYZ
