Icône Case Bold
solar:case-bold
L'icône Case Bold (solar:case-bold) est une icône SVG gratuite de la collection Solar par 480 Design. Elle est dessinée sur une grille de 24 × 24. Les Solar icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Solar
- Auteur
- 480 Design
- Licence
- CC-BY-4.0
- Taille
- 24 × 24
- Catégorie
- École
- Mots-clés
- casebold
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M10.2755 2.25503C10.359 2.24997 10.4474 2.24998 10.5609 2.25H13.4395C13.553 2.24998 13.6413 2.24997 13.7249 2.25503C14.7853 2.31926 15.7139 2.98855 16.1102 3.97426C16.1414 4.05194 16.1694 4.13581 16.2052 4.24347L16.2083 4.25254C16.2916 4.47692 16.4829 4.73205 16.7506 4.93589C16.7804 4.95858 16.8104 4.98 16.8403 5.00017C18.9942 5.00268 20.1185 5.04245 20.8934 5.67298C21.0524 5.80233 21.1977 5.94763 21.327 6.10659C22 6.9337 22 8.15877 22 10.6089C22 11.2307 22 11.5415 21.8492 11.784C21.8199 11.8312 21.7866 11.8759 21.7498 11.9176C21.5609 12.1317 21.2631 12.2211 20.6676 12.3997L16 13.8V13C16 11.8954 15.1046 11 14 11H10C8.89543 11 8 11.8954 8 13V13.8L3.3324 12.3997C2.7369 12.2211 2.43915 12.1317 2.25021 11.9176C2.21341 11.8759 2.18015 11.8312 2.15078 11.784C2 11.5415 2 11.2307 2 10.6089C2 8.15877 2 6.9337 2.67298 6.10659C2.80233 5.94763 2.94763 5.80233 3.10659 5.67298C3.88153 5.04245 5.00582 5.00268 7.15973 5.00017C7.18968 4.97999 7.21961 4.95855 7.24943 4.93586C7.51728 4.73199 7.70854 4.47684 7.79189 4.25251C7.82984 4.13863 7.85823 4.05369 7.89017 3.97425C8.28643 2.98855 9.21502 2.31926 10.2755 2.25503ZM14.8187 4.81811C14.8429 4.87968 14.8695 4.94034 14.8984 5H9.10172C9.13059 4.94044 9.1572 4.87988 9.18135 4.81842L9.1829 4.81492L9.18707 4.80502L9.19194 4.7929L9.19652 4.78093L9.20016 4.77098L9.20194 4.76597L9.20618 4.75373L9.21001 4.74244L9.2121 4.73617L9.21483 4.72783L9.21707 4.72079L9.21886 4.71502C9.25769 4.59872 9.27037 4.56246 9.28191 4.53375C9.46203 4.08571 9.88412 3.78148 10.3661 3.75229C10.3984 3.75034 10.4379 3.75 10.5813 3.75H13.419C13.5624 3.75 13.602 3.75034 13.6342 3.75229C14.1162 3.78148 14.5383 4.08571 14.7185 4.53375C14.7298 4.56204 14.7419 4.59698 14.7813 4.71499L14.783 4.72071L14.7853 4.72778L14.788 4.73614L14.7901 4.74239L14.7939 4.75366L14.7982 4.76588L14.7999 4.77089L14.8036 4.78081L14.8081 4.79271L14.813 4.80471L14.8171 4.81449L14.8187 4.81811ZM14 12.5H10C9.72386 12.5 9.5 12.7239 9.5 13V15.1615C9.5 15.3659 9.62448 15.5498 9.8143 15.6257L10.5144 15.9058C11.4681 16.2872 12.5319 16.2872 13.4856 15.9058L14.1857 15.6257C14.3755 15.5498 14.5 15.3659 14.5 15.1615V13C14.5 12.7239 14.2761 12.5 14 12.5ZM8.01076 15.3691L3.00586 13.8677C3.03595 16.9822 3.21789 19.8505 4.31792 20.8283C5.63593 21.9998 7.75726 21.9998 11.9999 21.9998C16.2425 21.9998 18.3639 21.9998 19.6819 20.8283C20.7819 19.8505 20.9638 16.9822 20.9939 13.8677L15.9892 15.3691C15.913 16.1018 15.4372 16.7407 14.7428 17.0184L14.0426 17.2985C12.7314 17.823 11.2686 17.823 9.95735 17.2985L9.25722 17.0184C8.5628 16.7407 8.08702 16.1018 8.01076 15.3691Z" clip-rule="evenodd"/></svg>
Comment utiliser l'icône Case Bold
React
import { Icon } from "@iconify/react";
<Icon icon="solar:case-bold" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:case-bold" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:case-bold" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--case-bold]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:case-bold"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:case-bold"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/solar/case-bold.svg" alt="Icône Case Bold" width="24" height="24">
Icônes similaires dans Solar
FAQ : Icône Case Bold
L'icône Case Bold est-elle gratuite pour un usage commercial ?
Oui. Les Solar icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.
Comment utiliser l'icône Case Bold dans React ?
Installez @iconify/react et affichez <Icon icon="solar:case-bold" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Case Bold à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/solar/case-bold.svg" alt="Icône Case Bold">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Solar →
