duffle icon
duffle from Bootstrap Icons by The Bootstrap Authors · Outline · MIT Free for personal and commercial use.
- Name
- duffle
- Set
- Bootstrap Icons
- Style
- Outline
- Viewbox
- 16×16
- License
- MIT
1 other variant in Bootstrap Icons
Use the duffle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M8 5.75c1.388 0 2.673.193 3.609.385a18 18 0 0 1 1.43.354l.112.034l.002.001h.001a.5.5 0 0 1-.308.952l-.004-.002l-.018-.005a17 17 0 0 0-1.417-.354A17.3 17.3 0 0 0 8 6.75a17.3 17.3 0 0 0-3.408.365a17 17 0 0 0-1.416.354l-.018.005l-.003.001a.5.5 0 1 1-.308-.95A17.3 17.3 0 0 1 8 5.75"/><path d="M5.229 2.722c-.126.461-.19.945-.222 1.375c-1.401.194-2.65.531-3.525 1.012C-.644 6.278.036 11.204.393 13.127a.954.954 0 0 0 .95.772h13.314a.954.954 0 0 0 .95-.772c.357-1.923 1.037-6.85-1.09-8.018c-.873-.48-2.123-.818-3.524-1.012a7.4 7.4 0 0 0-.222-1.375c-.162-.593-.445-1.228-.971-1.622c-1.115-.836-2.485-.836-3.6 0c-.526.394-.81 1.03-.971 1.622M9.2 1.9c.26.195.466.57.606 1.085c.088.322.142.667.173.998a23.3 23.3 0 0 0-3.958 0a6 6 0 0 1 .173-.998c.14-.515.346-.89.606-1.085c.76-.57 1.64-.57 2.4 0M8 4.9c2.475 0 4.793.402 6.036 1.085c.238.13.472.406.655.93c.183.522.28 1.195.303 1.952c.047 1.486-.189 3.088-.362 4.032H1.368c-.173-.944-.409-2.545-.362-4.032c.024-.757.12-1.43.303-1.952c.183-.524.417-.8.655-.93C3.207 5.302 5.525 4.9 8 4.9"/></g></svg>
React
import type { SVGProps } from "react";
export function BiDuffle(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M8 5.75c1.388 0 2.673.193 3.609.385a18 18 0 0 1 1.43.354l.112.034l.002.001h.001a.5.5 0 0 1-.308.952l-.004-.002l-.018-.005a17 17 0 0 0-1.417-.354A17.3 17.3 0 0 0 8 6.75a17.3 17.3 0 0 0-3.408.365a17 17 0 0 0-1.416.354l-.018.005l-.003.001a.5.5 0 1 1-.308-.95A17.3 17.3 0 0 1 8 5.75"/><path d="M5.229 2.722c-.126.461-.19.945-.222 1.375c-1.401.194-2.65.531-3.525 1.012C-.644 6.278.036 11.204.393 13.127a.954.954 0 0 0 .95.772h13.314a.954.954 0 0 0 .95-.772c.357-1.923 1.037-6.85-1.09-8.018c-.873-.48-2.123-.818-3.524-1.012a7.4 7.4 0 0 0-.222-1.375c-.162-.593-.445-1.228-.971-1.622c-1.115-.836-2.485-.836-3.6 0c-.526.394-.81 1.03-.971 1.622M9.2 1.9c.26.195.466.57.606 1.085c.088.322.142.667.173.998a23.3 23.3 0 0 0-3.958 0a6 6 0 0 1 .173-.998c.14-.515.346-.89.606-1.085c.76-.57 1.64-.57 2.4 0M8 4.9c2.475 0 4.793.402 6.036 1.085c.238.13.472.406.655.93c.183.522.28 1.195.303 1.952c.047 1.486-.189 3.088-.362 4.032H1.368c-.173-.944-.409-2.545-.362-4.032c.024-.757.12-1.43.303-1.952c.183-.524.417-.8.655-.93C3.207 5.302 5.525 4.9 8 4.9"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M8 5.75c1.388 0 2.673.193 3.609.385a18 18 0 0 1 1.43.354l.112.034l.002.001h.001a.5.5 0 0 1-.308.952l-.004-.002l-.018-.005a17 17 0 0 0-1.417-.354A17.3 17.3 0 0 0 8 6.75a17.3 17.3 0 0 0-3.408.365a17 17 0 0 0-1.416.354l-.018.005l-.003.001a.5.5 0 1 1-.308-.95A17.3 17.3 0 0 1 8 5.75"/><path d="M5.229 2.722c-.126.461-.19.945-.222 1.375c-1.401.194-2.65.531-3.525 1.012C-.644 6.278.036 11.204.393 13.127a.954.954 0 0 0 .95.772h13.314a.954.954 0 0 0 .95-.772c.357-1.923 1.037-6.85-1.09-8.018c-.873-.48-2.123-.818-3.524-1.012a7.4 7.4 0 0 0-.222-1.375c-.162-.593-.445-1.228-.971-1.622c-1.115-.836-2.485-.836-3.6 0c-.526.394-.81 1.03-.971 1.622M9.2 1.9c.26.195.466.57.606 1.085c.088.322.142.667.173.998a23.3 23.3 0 0 0-3.958 0a6 6 0 0 1 .173-.998c.14-.515.346-.89.606-1.085c.76-.57 1.64-.57 2.4 0M8 4.9c2.475 0 4.793.402 6.036 1.085c.238.13.472.406.655.93c.183.522.28 1.195.303 1.952c.047 1.486-.189 3.088-.362 4.032H1.368c-.173-.944-.409-2.545-.362-4.032c.024-.757.12-1.43.303-1.952c.183-.524.417-.8.655-.93C3.207 5.302 5.525 4.9 8 4.9"/></g></svg> </template>
CSS
.icon-duffle {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M8%205.75c1.388%200%202.673.193%203.609.385a18%2018%200%200%201%201.43.354l.112.034l.002.001h.001a.5.5%200%200%201-.308.952l-.004-.002l-.018-.005a17%2017%200%200%200-1.417-.354A17.3%2017.3%200%200%200%208%206.75a17.3%2017.3%200%200%200-3.408.365a17%2017%200%200%200-1.416.354l-.018.005l-.003.001a.5.5%200%201%201-.308-.95A17.3%2017.3%200%200%201%208%205.75%22%2F%3E%3Cpath%20d%3D%22M5.229%202.722c-.126.461-.19.945-.222%201.375c-1.401.194-2.65.531-3.525%201.012C-.644%206.278.036%2011.204.393%2013.127a.954.954%200%200%200%20.95.772h13.314a.954.954%200%200%200%20.95-.772c.357-1.923%201.037-6.85-1.09-8.018c-.873-.48-2.123-.818-3.524-1.012a7.4%207.4%200%200%200-.222-1.375c-.162-.593-.445-1.228-.971-1.622c-1.115-.836-2.485-.836-3.6%200c-.526.394-.81%201.03-.971%201.622M9.2%201.9c.26.195.466.57.606%201.085c.088.322.142.667.173.998a23.3%2023.3%200%200%200-3.958%200a6%206%200%200%201%20.173-.998c.14-.515.346-.89.606-1.085c.76-.57%201.64-.57%202.4%200M8%204.9c2.475%200%204.793.402%206.036%201.085c.238.13.472.406.655.93c.183.522.28%201.195.303%201.952c.047%201.486-.189%203.088-.362%204.032H1.368c-.173-.944-.409-2.545-.362-4.032c.024-.757.12-1.43.303-1.952c.183-.524.417-.8.655-.93C3.207%205.302%205.525%204.9%208%204.9%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M8%205.75c1.388%200%202.673.193%203.609.385a18%2018%200%200%201%201.43.354l.112.034l.002.001h.001a.5.5%200%200%201-.308.952l-.004-.002l-.018-.005a17%2017%200%200%200-1.417-.354A17.3%2017.3%200%200%200%208%206.75a17.3%2017.3%200%200%200-3.408.365a17%2017%200%200%200-1.416.354l-.018.005l-.003.001a.5.5%200%201%201-.308-.95A17.3%2017.3%200%200%201%208%205.75%22%2F%3E%3Cpath%20d%3D%22M5.229%202.722c-.126.461-.19.945-.222%201.375c-1.401.194-2.65.531-3.525%201.012C-.644%206.278.036%2011.204.393%2013.127a.954.954%200%200%200%20.95.772h13.314a.954.954%200%200%200%20.95-.772c.357-1.923%201.037-6.85-1.09-8.018c-.873-.48-2.123-.818-3.524-1.012a7.4%207.4%200%200%200-.222-1.375c-.162-.593-.445-1.228-.971-1.622c-1.115-.836-2.485-.836-3.6%200c-.526.394-.81%201.03-.971%201.622M9.2%201.9c.26.195.466.57.606%201.085c.088.322.142.667.173.998a23.3%2023.3%200%200%200-3.958%200a6%206%200%200%201%20.173-.998c.14-.515.346-.89.606-1.085c.76-.57%201.64-.57%202.4%200M8%204.9c2.475%200%204.793.402%206.036%201.085c.238.13.472.406.655.93c.183.522.28%201.195.303%201.952c.047%201.486-.189%203.088-.362%204.032H1.368c-.173-.944-.409-2.545-.362-4.032c.024-.757.12-1.43.303-1.952c.183-.524.417-.8.655-.93C3.207%205.302%205.525%204.9%208%204.9%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/duffle.svg?color=%231a73e8&size=48
